伪选择器＆＃34;：常规＆＃34;做？

Question

我已经看到过如下代码：

.some-element\:regular {}

我在MDN检查了它，但似乎没有列出它？

所以我的问题是，这个伪选择器做了什么以及反斜杠的目的是什么（\）？

Answer 1

这不是伪选择器，看起来你的类是some-element:regular（检查你的HTML文件）。在CSS中，冒号需要被转义为类名（而不是伪选择符），因此反斜杠。

Answer 2

这不是伪选择器，CSS具有无法在类名中应用的特殊字符，因此要使用它们，CSS会以反斜杠（\）

进行转义

这是特殊字符列表：

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

查看示例：

}

~

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

的更多信息

Answer 3

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

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