伪类(不存在的类,特殊的类。描述特殊状态——第一个元素、被点击的元素、鼠标移入的元素)
自动选择第一个元素——:first-child——选择列表的第一个子元素——对于所有子元素进行排序
:last-child最后一个元素
ul>li:first-child{
color: aqua;
}
<ul>
<li>第n个</li>
<li>第n个</li>
<li>第n个</li>
<li>第n个</li>
<li>第n个</li>
</ul>
选择第n个子元素——:nth-child(数字)——对于所有子元素进行排序,包含其他子元素
数字:
0 表示都没有选择 1 第一个子元素 n表示全选中
2n选择偶数位 2n+1选择奇数位
even选择偶数位 odd选择奇数位
ul>li:nth-child(1){
color: aqua;
}
:first-of-type——同类型所有元素排序。第一个
:last-of-type——同类型所有元素排序,最后一个
:nth-of-type(0-n)——同类型排序
:not否定伪类——将符合条件的元素去除
ul>li:not(:nth-child(2)){ 选择所有i除了第三个
color: aqua;
}
ul>li:not(li:nth-child(2)){ //前后相同可以删除
color: aqua;
}