css中伪元素选择器主要使用(css3伪元素选择器有哪些)

在之前的文章中，“CSS中的级别选择器是什么？如何使用它？”在这篇文章中，我们学习了四个级别的选择器。让我们来谈谈伪选择器，它们提供了更复杂的功能，但不直接对应HTML文档应该使用的元素。伪选择器主要分为两种类型：伪元素和伪类。让我们详细谈谈伪元素选择器。

伪元素选择器

CSS中伪元素选择器 它是在指定的CSS选择器中添加关键字。用于描述指定元素的特定部分设置风格。[推荐学习：CSS视频教程]

通过伪元素，开发者不需要使用元素 ID 或 class 属性可以定义所选元素的特定部分的样式。例如，通过伪元素，您可以设置段落中第一个字母的样式，或者在元素之前和之后插入一些内容。

在 CSS1 和 CSS2 在中间，伪元素的使用与伪类相同，都是为了使一个假号:与选择器相连。但是在 CSS3 在此过程中，伪元素单假号的使用方法改为使用双假号::，为了区分伪元素和伪元素。因此，在使用伪元素时，建议使用双假号而非单假号。

语法结构如下：

/* CSS3 语法 */
选择器::伪元素 {
  属性 : 属性值;
}
/* CSS2 过时语法 (仅用于支持 IE8) */
选择器：伪元素 {
  属性 : 属性值;
}

除非你还兼容IE8，否则现在应该采用两种冒号方式。

注：一个选择器只能使用一个伪元素，而且伪元素必须跟随选择器。根据最新的 W3C 在定义伪元素时，应使用双冒号::而不是单个冒号:，为了区分伪元素和伪元素。但由于旧版本的原因。 W3C 该规范并没有特别区分这一点，因此绝大多数浏览器都支持使用单个冒号和双个冒号来定义伪元素。

CSS 它提供了一系列伪元素，如下表所示：