css如何选中奇数行

html-css024

css如何选中奇数行,第1张

odd代表奇数,even是偶数。

假设您的选择器是li的话,那么写法如下:

li:nth-child(odd) {

color: blue

}

这样您奇数行的li标签文字颜色就是蓝色的了。

Odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词(第一个子元素的下标是 1)。

odd是奇数,even是偶数

ul li:nth-child(odd)

{

background:#ff0000

}

ul li:nth-child(even)

{

background:#0000ff

}