0%

css問題-怎樣寫nth-child()?

版權聲明

本篇是將文章內容整理濃縮,作為學習之用,下文會一一附上原文連結,如有侵權,經告知之後會立即撤下

引用文章

:nth-child() & :nth-last-child() - 你覺得燒腦但其實根本不燒腦的選取器

筆記

6/17 :nth-child 的寫法細節

1
2
3
4
5
6
7
8
9
10
11
//對li
//對ul > div無效
li:nth-child(odd) {
background-color: black;
}
//對ul的子代
//對ul > div有效
//而且排序照算
ul :nth-child(even) {
background-color: firebrick;
}