CSS篇(006)-伪元素和伪类的区别

答案：

一、

• 伪元素使用 2 个冒号，常见的有：::before，::after，::first-line，::first-letter，::selection、::placeholder 等；
• 伪类使用1个冒号，常见的有：:hover，:link，:active，:target，:not()，:focus等。

二、

• 伪元素添加了一个页面中没有的元素（只是从视觉效果上添加了，不是在文档树中添加）；
• 伪类是给页面中已经存在的元素添加一个类。

解析：

CSS 伪元素是添加到选择器的关键字，去选择元素的特定部分。它们能够用于装饰（:first-line，:first-letter）或将元素添加到标记中（与 content:...组合），而没必要修改标记（:before，:after）。

• :first-line和:first-letter能够用来修饰文字。
• 上面提到的.clearfix方法中，使用clear: both来添加不占空间的元素。
• 使用:before和after展现提示中的三角箭头。鼓励关注点分离，由于三角被视为样式的一部分，而不是真正的 DOM。若是不使用额外的 HTML 元素，只用 CSS 样式绘制三角形是不太可能的。

参与互动