首页 >

css偶数r |火狐首次打开未加载css

css怎么下移,web前端css面试,css3 border变细,css 滑动门图,css布局两个盒子,谈谈对css布局的理解,火狐首次打开未加载csscss偶数r |火狐首次打开未加载css

在使用偶数选择器时,大家可以选择直接给偶数项设置样式,如下所示:

ul li:nth-child(even) {
background-color: #ccc;
}

上面的代码表示给所有ul元素中偶数项的li元素设置背景颜色为灰色。

有时,大家可能需要给排除某些元素后的偶数项设置样式,这时可以使用伪类:nth-of-type(even),如下所示:

ul li:not(.exclude):nth-of-type(even) {
background-color: #ccc;
}

上面的代码表示排除了class为exclude的li元素后,给所有ul元素中剩下的偶数项设置背景颜色为灰色。

除了偶数选择器,大家还可以使用奇数选择器:nth-child(odd):nth-of-type(odd)来选择HTML文档中的奇数项,以及使用:first-child:last-child来选择第一个和最后一个子元素。


css偶数r |火狐首次打开未加载css
  • 移动端css3效果网站 |html input css样式
  • 移动端css3效果网站 |html input css样式 | 移动端css3效果网站 |html input css样式 ...

    css偶数r |火狐首次打开未加载css
  • css圆角矩形内内容居中 |vue中引入scss
  • css圆角矩形内内容居中 |vue中引入scss | css圆角矩形内内容居中 |vue中引入scss ...

    css偶数r |火狐首次打开未加载css
  • css过渡的曲线 |css背景过渡
  • css过渡的曲线 |css背景过渡 | css过渡的曲线 |css背景过渡 ...