伪类选择器

ul>li*5

得到

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

 

伪类:一般情况下以:开头

第一个元素

:first-child 
 
最后一个元素
:last-child
 
选第三个元素
:nth-child(3)
 
全选:nth-child(n)
n的范围0~正无穷
2n表示偶数位的元素(even也可以)
2n+1选择奇数位的元素(odd也行)
这些伪类根据所有的子元素排序
 
:first-of-type
:last-of-type
:nth-of-type()
这几个伪类与上面的类似,不过是在同类型元素中排序
 
:not()
否定伪类
 ul>li:not(:nth-of-type(3)){
     color: green;
 }
posted @ 2021-02-14 12:52  俗气小博  阅读(39)  评论(0)    收藏  举报