CSS ID セレクターは HTML 要素でピリオドを使用できますか?

要素にピリオドを含む CSS ID セレクター

HTML 仕様では、要素の ID 内にピリオド (.) を含めることが許可されています。ただし、直接の CSS ID セレクター ルールは適用されず、HTML と CSS 仕様の間で不整合が生じる可能性があるという懸念が生じます。

ID セレクターの CSS 仕様ではこのシナリオについての言及が省略されているため、複合機能を利用しているのではないかという憶測が生まれています。タグ名とクラスセレクターの組み合わせ。たとえば、CSS ルール「a.className」は、クラス名「className」を持つすべてのアンカー タグ () を対象としています。

この互換性の問題により、外部 CSS ファイルを使用できるかどうかという問題が生じます。 ID にピリオドを含む HTML 要素を参照するルール。 CSS 仕様では、CSS の「識別子」には許容文字としてピリオドがないと規定されているため、この推定は「いいえ」です。

仕様をさらに調査した結果、CSS 仕様ではバックスラッシュ ( ) 他の多くのプログラミング言語で見られるようにエスケープします。これは、次のルールが ID にピリオドを含む要素と正常に一致することを意味します:

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

ピリオドをバックスラッシュでエスケープすることにより、CSS セレクターは HTML ドキュメント内の目的の要素を正確にターゲットにできます。

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