CSS ID セレクターは HTML ID のピリオドを処理できますか?

CSS でピリオドを使用した ID セレクターのアドレス指定

HTML では、id 属性内でピリオドを使用できます。ただし、CSS ID セレクター ルールでこれらの要素を使用すると、ピリオドが有効な CSS の「識別子」の一部ではないために不一致が発生します。

一部の人は、CSS ID セレクター ルールがタグ名とクラスの構文に従っていると想定しています。指定されたクラス名を持つアンカー タグをターゲットとする「a.className」などのセレクターの組み合わせ。これは、外部 CSS ファイルでピリオドを含む ID を持つ HTML 要素を参照できるかどうかという疑問につながります。

CSS 仕様ではピリオドが有効な「識別子」の一部ではないことを明確にしており、ID ではピリオドを使用できないことを示唆しています。セレクターのルール。ただし、さらに調査すると、CSS が特殊文字のバックスラッシュ () エスケープをサポートしていることがわかります。

したがって、HTML 要素とピリオドを含む ID を照合するには、次のエスケープ CSS ルールを使用できます:

<code class="css">#some\.id {
  color: #f00;
}</code>

この構文により、CSS ID セレクター ルールで ID にピリオドを含む要素を参照できるようになり、HTML 仕様に準拠し、HTML id 属性を変更するための実行可能な代替手段が提供されます。

以上がCSS ID セレクターは HTML ID のピリオドを処理できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。