CSS1和CSS2中对伪类的伪元素的区别比较模糊,CSS3对这两个概念做了相对较清晰地概念,并且在语法上也很明显的讲二者区别开。
伪类和伪元素的区别就是是否创造了新的元素。
一、伪类
什么是伪类?
伪类用于定义元素的特殊状态
例如。它可以有以下作用
- 为元素设置鼠标悬停上时的样式
- 链接已点击和未点击时的样式
- 设置元素获得焦点的样式
以下是常用的几个伪类:伪类的效果可以通过添加实际的类来实现
二、伪元素
在css2里的写法是:before,在css3里的写法是::before。
伪元素的效果可以通过添加实际的元素来实现
注意:
伪类只能使用“:”
而伪元素既可以使用“:”,也可以使用“::”
因为伪类是类似于添加类所以可以是多个,而伪元素在一个选择器中只能出现一次,并且只能出现在末尾