ID にピリオドを含む CSS セレクターを使用できますか?

ID にピリオドを含む CSS セレクターの使用

質問:

CSS セレクター ルールを HTML との一致に使用できますかピリオド (.) を含む ID を持つ要素?

Background:

HTML 仕様では、要素 ID にピリオドを使用できます。ただし、#some.id のような単純な CSS ID セレクターは、そのような要素を正しく照合できません。

分析:

CSS 仕様では、識別子にはピリオドが含まれないと定義されています。これは、HTML と CSS 仕様の間に根本的な互換性がないことを示唆しています。

解決策:

最初の疑念にもかかわらず、CSS 仕様ではバックスラッシュ () のエスケープが許可されています。これにより、ID セレクターでピリオドを使用できるようになります。

たとえば、次の CSS ルールは、ID「some.id」を持つ HTML 要素と一致します:

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

結論:

HTML ID 内のピリオドは CSS ID セレクターと競合する可能性がありますが、バックスラッシュ エスケープ シーケンスによってこれが解決され、HTML と CSS の両方で複雑な ID を使用できるようになります。

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