2020-12-28伪类选择器

伪类选择器都是两个冒号，一个冒号是简单写法
1、:link 链接未被访问时
2、:visited 被访问过的，当我们a标签被访问了以后才出发的伪类选择器
3、:focus 当链接和input被使用tab键选中或激活时
4、:active 元素被激活时（鼠标按下未起来时的状态）
    适用于a、input、div等等
5、:checked 被勾选的状态（适用于input type = "checkbox/radio"）

状态类
1、:first-line 首行文本的状态（只能用于块元素，用于设置附属元素的第一个行内容的样式）
2、:first-letter 首行首字（只能用于块元素，用于设置附属元素的第一个字母的样式） 
3、:selection 被选中的文本的样式的修改
4、:not(select) 反选
伪类选择器都是两个冒号，一个冒号是简单写法

结构性伪类选择器
1、:nth-child 根据序号进行选择 优先按照序号选中元素，再判断类型（优先序号！！！）
2、:nth-last-child 与上边用法一样，只是他从结尾出反序计数
3、:nth-of-type 根据序号进行选择 根据相同的元素类型进行查找
4、:nth-last-of-child 与上边用法一样，只是他从结尾出反序计数
5、:first-child 选择再父元素中第一个
6、first-of-child 选择在父元素中第一个出现的，而不管其在兄弟内的位置

属性类伪类选择器（模糊搜索）
1、[attr]访问属性的时候用的都是中括号
2、[attr^=""]属性值以谁开头（字符）
3、[attr$=val] 属性值以谁结尾（字符）
4、[attr*=val] 属性中包含某些字符（字符）

伪元素跟伪类的区别
伪类的操作对象是文档树中已有的元素
伪元素创建了一个文档外的元素，使用css创建的标签

伪元素
1、不能设置宽高
2、::before 创建一个伪元素，其将成为匹配选中的元素的第一个子元素
     ::after创建一个伪元素，其将成为匹配选中的元素的最后一个子元素