伪类:单冒号 :
- 已有元素处于某种状态时为其添加对应的样式
- 伪类并不改变任何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 第一行