css结构伪类选择器

作用:根据元素zaiHTML中的结构关系查找元素,减少HTML中的类依赖,有利于保持代码的整洁.

选择器:

        

选择器	说明
E: first-child{}	匹配父元素第一个子元素,并且是E元素
E:  last-child	匹配父元素中的最后一个子元素,并且是E元素
E:  nth-child(n)	匹配父元素中的第n个子元素,并且是E元素
E; nth-last-child(n){}	匹配父元素中的倒数第n个子元素,并且是E元素

n为：0，1，2，3，4，5...

通过n可以组成公式:

功能	公式
偶数	2n     .       even
奇数	2n+1   ,   2n-1     ,    odd
找到前5个	-n+5
找到第5个往后	n+5

nth-of-type     只在父元素的同类型(E)子元素范围中,匹配第n个;(只通过同一类型的子元素寻找)

二.伪元素

由CSS模拟出的标签效果;

伪元素	作用
::before	在父元素内容最前面添加一个伪元素
::after	在父元素内容最后面添加一个伪元素

必须设置content属性才能生效

<style>
    li::before{
    content:"";
    }
</style>

伪元素默认是行内元素;