伪选择器“:regular”有什么作用？

Question

我在下面看到过这样的代码：

.some-element\:regular {}

我在 MDN 上查过，但好像没有列出来？

所以我的问题是，这个伪选择器是做什么的，反斜杠的目的是什么(\)？

Answer 1

这不是一个伪选择器，看起来你的 class 是 some-element:regular（检查你的 HTML 文件）。在 CSS 中，冒号需要转义才能解析为 class 名称（而不是伪选择器），因此需要反斜杠。

Answer 2

这不是伪选择器，CSS 有特殊字符不能用在 class 名称中，所以要使用它们，CSS 用反斜杠转义（\)

这里是特殊字符列表：

!、"、#、$、%、&、'、(、)、*、+、,、-、.、/、: , ;, <, =, >, ?, @, [, \, ]、^、`、{、|、} 和 ~

看例子：

.some-element\:regular { background:red}
.some-element2:regular { background:red}

<div class="some-element:regular"> this will be red</div>
<div class="some-element2:regular"> this will not be red</div>

您可以在此处查看有关 CSS 特殊字符 here

的更多信息

Answer 3

CSS中没有:regularpseudo-class；那里的反斜杠转义了后面的字符，一个冒号。这意味着该选择器实际上正在寻找一个 class 名称为 some-element:regular 的元素，例如：

<p class="some-element:regular"></p>

What does the pseudo selector ":regular" do?