疑似セレクタ "：regular"とは何ですか？

Question

私は以下のようないくつかのコードを見てきました：私はMDN上でそれをチェックしますが、それがリストされていていないようです

.some-element\:regular {} 

を？

私の質問は、この擬似セレクターは何をし、バックスラッシュ（\）の目的は何ですか？

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には:regularpseudo-classはありませんCSSの特殊文字here

Answer 2

これは疑似セレクタではありません。あなたのクラスがsome-element:regular（HTMLファイルを確認してください）のようです。 CSSでは、コロンをエスケープしてクラス名（疑似セレクタではない）として解析する必要があります。したがって、バックスラッシュを使用します。

Answer 3

についてはこちらの詳細情報を見ることができます。

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