CSS クラス名のパーセンテージを表すために Unicode 文字参照はどのように使用されますか?

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

CSS では、識別子にバックスラッシュ ( ）。 CSS では、バックスラッシュ文字はコンテキストに応じてさまざまな目的を果たします。

エスケープ文字

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

特殊文字のエスケープ

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

Unicode 文字参照

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

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

<code class="css">.container. 25 { /* 125% */
  width: 100%;
}</code>

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

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

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

width = (containers * 125%)

以上がCSS クラス名のパーセンテージを表すために Unicode 文字参照はどのように使用されますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。