伪类：单冒号 :
- 已有元素处于某种状态时为其添加对应的样式
- 伪类并不改变任何DOM内容
- 伪类的效果可以通过一个实际的类来达到
- 状态伪类： :active、:focus、:hover、:link、:visited、
- 结构化伪类： :first-child :last-child :root :nth-child(n) :nth-last-child(n) //n的起始值为1
- 表单相关： :checked :enabled :disabled
- 否定类: :not(F)
伪元素：双冒号 ::
- ::before ::after
为当前元素添加装饰性的内容 ；
并不是节点，不会出现在dom树上，但显示上具有dom节点的效果；
这两个伪元素默认是内联元素类型；
必须要设置content,不设置的话，该伪元素无效，如果不需要伪元素有内容，可以设置content: ""。
- ::first-letter 第一个字
- ::first-line 第一行
