伪元素与伪类选择器

         
      

1: 伪类选择器

p:nth-child( )p必须是第三个子元素
p:nth-of-type( )在同种类型下第几个字元素
p:hover 鼠标悬停
a:visited 访问过之后a标签的样式一般用在a标签上
p:focus 和用户交换的标签才会有focus伪类
a:active 元素的激活状态 点击a标签不松开

:link                      未访问

:frist-child            父元素的第一个元素

:last-child            父元素的最后一个元素

:only-child            父元素的唯一一个元素

:visited   　　　　已访问

伪类 都需要一定的操作才会触发，伪类作用于整个标签 ，伪元素作用域部分标签，伪类其实本质给标签添加一个类 css3之前为了区分伪元素和伪类，
双冒号的是伪元素，单冒号伪类，但是css3之后把所有都可以写成单冒号。

2： 伪元素

p::first-letter p标签的第一个字母的样式
p::first-line 第一行
p::selection 选中p标签的样式
p::before 给p标签添加前缀，使用的场景 排行榜前面的数字，不属于p标签的内容
p::after 文本末尾

 给p标签添加前缀，使用的场景 排行榜前面的数字，不属于p标签的内容，DOM并不存在该元素，
 但是有可以想标签一样设置样式，前缀和后缀不会污染标签内容，这样的元素就是伪元素 。