Was macht der Pseudo Selektor ": regular"?

Question

Ich habe einige Code wie folgt weiter unten sehen:

.some-element\:regular {} 

ich es auf MDN überprüft, aber es scheint nicht aufgeführt zu haben?

Also meine Frage ist, was macht dieser Pseudo-Selektor und was ist der Zweck des Backslash (\)?

Answer 1

Dies ist kein Pseudo-Selektor, CSS Sonderzeichen enthält, die nicht in Klassennamen angewendet werden können, so sie zu benutzen, entkommt CSS mit einem Backslash (\)

hier ist die Liste der Sonderzeichen:

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

ein Beispiel Siehe:

.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>

können Sie weitere Informationen hier über CSS Sonderzeichen sehen here

Answer 2

Dies ist kein Pseudo Selektor, sieht aus wie Ihre Klasse ist some-element:regular (überprüfen Sie Ihre HTML-Datei). In CSS müssen Doppelpunkte maskiert werden, um als Klassennamen (und nicht als Pseudo-Selektoren) geparst zu werden, daher der Backslash.

Answer 3

Es gibt keine :regularpseudo-class in CSS; die Backslash dort entweicht das folgende Zeichen ist, .. ein Doppelpunkt bedeutet das, dass die Wähler tatsächlich mit einem Klassennamen some-element:regular, wie für ein Element suchen:

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