CSS セレクターはドット付き ID を持つ要素を正常にターゲットにできますか?

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

HTML 仕様では ID にピリオド (.) を使用できるため、要素に「<」のような識別子を含めることができます。 ;img id="some.id" />"。ただし、「#some.id { color: #f00; }」などの従来の CSS ID セレクターは、要素をドット付き ID と照合できません。

ID セレクターの CSS 仕様に反して、このシナリオは省略されています。この問題は、CSS によるハイブリッド タグ名とクラス セレクターの使用に起因します。 「a.className」のようなルールは、「className」というクラス名を持つすべてのアンカー タグをターゲットにします。

疑問が生じます: 外部 CSS ルールは、ドット付き ID を持つ要素をターゲットにできますか?答えは微妙です。 CSS 仕様では識別子でのピリオドの使用を制限していますが、バックスラッシュ () エスケープによる回避策が存在します。

この手法により、要素とピリオドを一致させるセレクターの作成が可能になります。たとえば、次のルールでは、バックスラッシュ エスケープを使用して ID「some.id」を持つ要素をターゲットにします: "#some.id { color: #f00; }".

したがって、仕様の矛盾にもかかわらず、バックスラッシュ エスケープを採用することで、CSS セレクターを使用してドット付き ID を持つ要素をアドレス指定できます。

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