Что делает псевдоселектор «: regular» do?

Question

Я видел некоторый код, как это показано ниже:

.some-element\:regular {} 

Я проверил его на MDN, но это не кажется, что он в списке?

Итак, мой вопрос: что делает этот псевдоселектор и какова цель обратной косой черты (\)?

Answer 1

Это не селектор псевдо, CSS имеет специальные символы, которые не могут быть применены в именах классов, поэтому использовать их, 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 2

Это не псевдоселектор, выглядит как ваш класс some-element:regular (проверьте свой HTML-файл). В CSS двоеточия должны быть экранированы, чтобы анализироваться как имена классов (а не псевдоселекторов), следовательно, обратная косая черта.

Answer 3

Существует нет :regularpseudo-class в CSS; обратная косая черта есть спасаясь следующий символ, двоеточие .. Это означает, что этот селектор действительно ищет элемент с именем класса some-element:regular, таких как:

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