CSS コード `.container.\\31 25\\25` の \"31\" の前にバックスラッシュがあるのはなぜですか?

CSS における .container.31 2525 の意味は何ですか?

CSS では、バックスラッシュ文字 () は複数の目的を果たします。

• 文字エスケープ: パーセント記号 (%) などの特定の文字の特別な意味を取り消します。
• Unicode コードポイント参照: 6 つの 16 進数が続く場合、特定の Unicode 文字を表します。

指定されたコード内:

<code class="css">.container. 25 {
  /* ... */
}</code>

• 「31」の前のバックスラッシュ () はキャンセルされます。数字の特別な意味。クラス名を数字で始めることができます。
• 「31 2525」シーケンスは、3 つの Unicode 文字を表します:「1」 (U 0031)、「%」 (U 0025)

Unicode 意味:

Unicode 文字を組み合わせると、「125%」になります。これは、クラス名がコンテナの 125% の幅の要素のスタイルを設定するために使用されていることを示唆しています。

代替表記:

同じ結果は、バックスラッシュを使用しない代替表記は次のとおりです:

<code class="css">.container[class ~= "125%"] {
  /* ... */
}</code>

CSS では、識別子 (クラス名、要素名など) は、数字、2 つのハイフン、またはハイフンの後に数字で始まってはなりません。ただし、バックスラッシュ エスケープを使用すると、この制限をオーバーライドできます。

以上がCSS コード `.container.\\31 25\\25` の \"31\" の前にバックスラッシュがあるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。