这两个都是css3选择器,odd是奇数行,even是偶数行。 ul li:nth-child(odd){ background-color: lightgreen; } 以上样式表示奇数行的li背景色为浅绿色。
这时与:nth-child(an+1)相似,都是匹配第1个,但不同的是它是倒着算的,从第b个开始往回算,所以它所匹配的最多也不会超过b个。 例子: li:nth-child(-3n+8){background:red;} li:nth-child(-1n+8){background:blue;} 第五种:奇偶匹配 :nth-child(odd) 与:nth-child(even) 分别匹配序号为奇数与...
51CTO博客已为您找到关于css nth-child(even的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及css nth-child(even问答内容。更多css nth-child(even相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。
1、E:nth-child(n):匹配元素类型为E且是父元素的第n个子元素 代码语言:javascript 代码运行次数: AI代码解释 .list div:nth-child(2){background-color:red;}...12345<!--第2个子元素div匹配--> 2、E:first-child:匹配元素类型为E且是父元素的第一个子元素 3、E:last-child:匹配元素类型为E且是...
nth-child(even)nth-child(even):选择列表的偶数行。 举例:偶数行背景显示为土黄色(不要在意那些细节),代码如下: 代码语言:javascript 代码运行次数:0 运行 AI代码解释 li:nth-child(even){background:#F6E0AF;} 同样,我们可以通过另外的方法选择奇数行,例如: nth-child(2n) 。
要选择最后两个元素,可以使用:nth-last-child(-n+x)选择器。其中n表示元素总数,x表示最后几个元素的个数。 要选择奇数个元素,可以使用:nth-child(odd)选择器。 要选择偶数个元素,可以使用:nth-child(even)选择器。 综合起来,以下三个选择器可以分别选择最后两个元素、奇数个元素和偶数个元素: ...
table tr:nth-child(even){/*偶数行*/ background: #ccc; } table tr:nth-child(odd){/*奇数行*/ background: #0000ff; } 7 保存以上内容，再次在浏览器预览效果，奇数行（odd）背景色为蓝色，偶数行（even）背景色为浅灰色 注意事项 odd为奇数，even为偶数 喜欢此经验，请投票和点赞 ...
nth-child(odd):奇数 nth-child(even):偶数 使用时,如果是精确到数字时,切记是从同一级别的元素开始计算,而不是指定某个类才开始计算。 比如: 如果我要选择class为test的,nth-child(2),第2个。 详细解释,参考:
}.my_table tr:nth-child(odd){background:#F0F5FA; } IE7,8无效,无法识别。 换一种方法: 给需要变色的tr加上class .table_border table tr.even{background:#f8f8fb;} 方法三:jquery实现 $(".nav ul li div a:nth-child(even)").css({'background':'red'}); ...