今天为了实现隔行变色,我在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可以为数字、关键词或公式。
犯过的错不要再犯了。
时间: 2024-10-05 08:00:14