CSS における .container.\31 25\25 は何を意味しますか?

CSS では、識別子に次のような特殊文字を含めることができます。バックスラッシュ ()。 CSS では、バックスラッシュ文字はコンテキストに応じてさまざまな目的を果たします。

エスケープ文字

文字列内では、バックスラッシュとそれに続く改行は無視されます。文字列の外側では、バックスラッシュの後に改行が続き、それ自体を表します。

特殊文字のエスケープ

バックスラッシュを使用すると、特殊な CSS 文字をエスケープすることができ、特殊文字が失われます。意味。たとえば、文字列内の二重引用符 (") は \" としてエスケープできます。

Unicode 文字参照

バックスラッシュの後に最大 6 桁の 16 進数 ( 0-9a-fA-F) は、その番号を持つ ISO 10646 文字を表します。参照を終了するには、空白または追加の 16 進数が使用されます。

指定されたコードでは、.container 要素のクラス名のパーセンテージ値を表すためにバックスラッシュ () が使用されています:

.container.\31 25\25 { /* 125% */
  width: 100%;
}

特殊文字 \31、25、および \25 は、それぞれ文字「1」、「%」、および「%」の 16 進数を表します。したがって、このコードは次と同等です:

.container[class ~= "125%"] { /* 125% */
  width: 100%;
}

このクラス セレクターは、「125%」を含むクラスを持つ任意の要素と一致します。要素の幅の計算は次のとおりです:

width = (containers * 125%)