高级选择器和伪元素应用

1. 高级选择器的种类
   伪类选择器之状态类 （伪类）
   ：checked 改变被选中表单的样式
   : focus 表单聚焦时的状态

      :link  * 未访问链接*
      :visited  *已访问链接*
      :hover  *用户鼠标悬停*
      :active  *激活链接*在鼠标按下去还没松手的时候
   

   伪类选择器之结构类

   nth-child(n) 括号内可以是具体的数字，表示第几个，也可以是含n的公式，含n的部分一定要写在前面（必须是前面的标签）

   nth-last-child(n) 倒序 同上

   nth-of-type(n)（不受别的标签影响，第几个前面的标签）

   nth-last-of-type(n)

   fist-child 选择在父元素中第一个（且必须是第一个）出现的

   last-child 选择在父元素中最后一个（且必须是最后一个）出现的

   fist-of-type 选择在父元素中第一个出现的，而不管其在兄弟内的位置

   伪类选择器之属性类

      [ attr ]该选择器选择伪类前选择器所选中的元素中间包含 **attr**属性的元素【attr 是属性名称】
      [ attr=val ]      必须是什么什么
      [ attr~=val ]    包含什么什么（必须是完整的）
      [ attr^=val ]     以什么什么开头
      [ attr$=val ]     以什么什么结尾
      [ attr*=val ]      包含什么什么字符（包含其中一个或多个）
   

2. 伪元素必须要有 content: " "; display: ;
   ::before 在后
   ::after 在前
   ::selection 被选中的内容的样式
   ::first-letter 改变段落中第一个字或第一个字符
   ::first-line 改变段落的第一行