8.21 :odd??:nth-of-type??

今天为了实现隔行变色,我在css里写:

.note:odd{
	background-color: #eee;
}

有一个页面有效果,另一个页面没效果,怎么也找不到原因。。。各种尝试各种清缓存都不行,,,好无奈

然后 wd过来帮我调 他问:js里没写么 我说没啊

他也试着清缓存 不管用。

他说css里这样写不对 odd是js的写法

我突然想起来 我好像在页面的js文件里初始化了:

$('.note:odd').css('background','#f9f9f9');

捂脸。

不仅浪费自己时间,还浪费别人时间。罪过。

总结:实现隔行变色有两种方式,一种是上边的js代码,另一种是在css里面写,如下:

.note:nth-of-type(2n){
	background-color: #f9f9f9;
}:

nth-of-type(n) 是CSS3的选择器,n可以为数字、关键词或公式。

犯过的错不要再犯了。

原文地址:https://www.cnblogs.com/yan89/p/7403521.html