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

Posted 2020-10-03 西西夏天

今天为了实现隔行变色，我在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可以为数字、关键词或公式。

犯过的错不要再犯了。