\".container.\\31 25\\25\" のような CSS クラス名にバックスラッシュを使用するのはなぜですか?

CSS の「.container.31 2525」のバックスラッシュ文字の目的は何ですか?

提供された CSS コードのバックスラッシュ文字() は、識別子のエスケープに関連する特定の目的を果たします。 CSS 仕様によると:

• 特殊文字のエスケープ: バックスラッシュは、CSS の特殊文字の意味を取り消すことができます。この場合、パーセント記号 (%) が CSS 計算の開始として認識されるのを防ぎます。
• 数値コード ポイント参照: 後ろに 6 つの 16 進数が続く場合、バックスラッシュを使用できます。特定の Unicode 文字を表します。これにより、作成者はドキュメントに簡単に入力できない文字を参照できます。

例では:

.container.31 2525 は .container[class ~= " と同等です。 125%"]。

• 31 は、数値 1 の 16 進数表現です。
• 25 は、数値 17 の 16 進数表現です。
• 25 はパーセントです。

したがって、バックスラッシュはパーセント記号をエスケープし、計算ではなく識別子の一部として扱うことができるようにします。この手法により、「125%」値が計算ではなくクラス名として解釈されるようになります。

バックスラッシュがないと、識別子は数値で始まり、CSS 構文に従って無効になります。

• .container.125% は、識別子を数字で始めることができないため無効です。

バックスラッシュを使用すると、パーセント値をクラス名として使用でき、コンテナに基づいた柔軟なスタイル設定が可能になります。サイズ。

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