海阔天空

手机扫码查看

伪类和伪元素区别以及伪元素概念与意义

伪类和伪元素

在css2.1中对伪类和伪元素的区别比较模糊。css3中对这两个概念做了相对较清晰的解释，并且在语法上也做了很明显的区分

在css3中规定伪类由一个冒号开始，然后为伪类的名称；伪元素由两个冒号开始，然后为伪元素的名称

---

伪类概念

伪类本质上是为了弥补常规css选择器的不足，以便获取到更多信息。
通常表示获取不存在与DOM树中的信息，或获取不能被常规css选择器获取的信息。
:hover、:focus

伪元素概念

伪元素本质上是创建了一个由内容的虚拟容器。这个容器不包含任何DOM元素，但是可以包含内容，另外，开发者还可以为伪元素定制样式
::selection(选中文本的样式)、::first-line、::before、::after