1. 程式人生 > >8.21 :odd??:nth-of-type??

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

css3 原因 har 實現 csharp 時間 js代碼 效果 logs

今天為了實現隔行變色,我在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可以為數字、關鍵詞或公式。

犯過的錯不要再犯了。

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