如何区分伪元素和伪类?记住两点:
- 伪类表示被选择的元素的某种状态,如 :hover
- 伪元素表示的是被选择元素的某个部分这个部分看起来像是一个独立的元素,但是是‘假元素’,只存在于css中,所以叫做‘伪’元素,如 :before 和 :after
伪元素
css3之前
:before/::before 表示元素内容区域的前面
:after/::after 元素之后
:first-letter/::first-letter 第一个字
注意:
:befor是Css2的写法,::before是Css3的写法
:before的兼容性要比::before好 ,不过在H5开发中建议使用::before比较好
:first-line/::first-line 第一行
css3之后
::section 选中部分
::placeholder 占位文本
伪类
其中,css3新增的伪类——结构类伪类