这两个都是css3选择器,odd是奇数行,even是偶数行。 ul li:nth-child(odd){ background-color: lightgreen; } 以上样式表示奇数行的li背景色为浅绿色。
nth-child(odd):奇数 nth-child(even):偶数 使用时,如果是精确到数字时,切记是从同一级别的元素开始计算,而不是指定某个类才开始计算。 比如: 如果我要选择class为test的,nth-child(2),第2个。 详细解释,参考:
同学你好, even表示选取每个偶数子元素。 odd表示选取每个奇数子元素。 formula表示规定哪个子元素需通过公式 (an + b) 来选取。 实例:p:nth-child(3n+2) 选取每个第三段,从第二个子元素开始。 (n从零开始计算) 如果帮助到了你, 欢迎采纳! 祝学习愉快~~~ 0 0 学习 · 36712 问题 查看课程 相似...
:nth-child(odd)选择其父元素中位置为奇数的子元素。 :nth-child(even)选择其父元素中位置为偶数的子元素。 :nth-child(n + x)选择其父元素中位置大于等于x的子元素。 例如,要选择父元素中的第三个子元素,可以使用如下方式: ``` .parent div:nth-child(3) { /* CSS样式*/ } ``` 拓展: 除了使用...
nth-child(odd):奇数 nth-child(even):偶数 使用时,如果是精确到数字时,切记是从同一级别的元素开始计算,而不是指定某个类才开始计算。 比如: 如果我要选择class为test的,nth-child(2),第2个。 详细解释,参考: http://niutuku.com/tech/css/249737...
关键词: Odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词(第一个子元素的下标是 1)。 公式: 使用公式 (an + b)。描述:表示周期的长度,n 是计数器(从 0 开始),b 是偏移值。 3、主要思路: 运用less混合传参,参数既是 :nth-child(n) 选择器的公式 ...
nth-child(n) 选择器匹配属于其父元素的第 n 个子元素。 注意: 1. 第n个子元素的计数是从1开始,不是从0开始的 2.选择表达式中的字母n代表≥0的整数 奇/偶数 用even/odd分别代表偶数 / 奇数:span:nth-child(even) 或者 用2n/2n-1分别代表偶数/奇数: span:nth-child(2n) ...
:nth-child(odd)---匹配序号为奇数,和2n+1一样 举例:li:nth-child(odd){color:green;} :nth-child(even)---匹配序号为偶数,和2n+0或者2n一样 举例:li:nth-child(even){color:green;} :nth-last-child(n)---选择某个字元素,从最后一个数起 举例:li...
nth-child(odd)和nth-child(even)nth-child(odd)表⽰取出奇数的⼦元素，即取出第1，3，5，...个⼦元素 nth-child(even)表⽰取出偶数的⼦元素，即取出第2，4，6，...个⼦元素 nth-child(±an±b)表⽰从b点，向左或者向右按步长a(a>0)取出⼦元素，乍⼀看似乎不明⽩，举个例⼦假如...
关键词: Odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词(第一个子元素的下标是 1)。 公式: 使用公式 (an + b)。描述:表示周期的长度,n 是计数器(从 0 开始),b 是偏移值。 3、主要思路: 运用less混合传参,参数既是 :nth-child(n) 选择器的公式 ...