1.子元素选择器,从1开始记数
定位选择器,从0开始记数
2.
<span style="font-family:KaiTi_GB2312;"><ul>
<li>A</li>
<li>B</li>
<li>C</li>
</ul>
<ul>
<li>D</li>
<li>E</li>
<li>F</li>
</ul></span></span>
在以上代码中,
子元素选择器 | 以父元素为开始 如ul li:nth-child(n)中A-C和D-F分别为两个ul的子元素 故ul li:nth-child(n)对应的意义为获取从A-C中的第n个元素和D-F中的第n个元素 【若n=3,则会在右图中显示C 03 和F 03为红底白字】 |
定位选择器 | 将对应的元素看做一个整体 如ul li:eq(n)中无视ul直接将从A到F的li看做一个整体 故ul li:eq(n)对应的意义为获取从A开始的第n+1个值 【若n=3,则会在左图中显示E 04为红底白字】 |
:eq(n)和:nth-child(n)的区别
:even和:nth-child(even)的区别