伪类伪元素区别
发布时间:2022-12-30 09:30:33
发布人:syq
- 相同点：
都是属于选择器中的一种，能实现对于页面元素的修饰
- 不同点：
- 1、概念不同：伪类：用于已有元素处于某种状态时为其添加对应的样式，这个状态是根据用户行为而动态变化的；例如鼠标的悬停效果；伪元素：用于创建一些不在DOM树中的元素，并为其添加样式；例如：先前向后插入元素内容等等。
- 2、使用方法不同：css3规范中要求使用双冒号(::)表示伪元素，以此来区分伪类和伪元素，比如::before和::after等伪元素使用双冒号(::)，:hover和:active伪类使用单冒号(:)目前来看有一部分浏览器为了达到一个更好的兼容性的问题，我们的双冒号也可以写成单冒号;但是在一些低版本浏览器里面有些时候还是需要使用双冒号的。
