CSS セレクターはドット付き ID を持つ要素を正常にターゲットにできますか?
Oct 26, 2024 pm 10:59 PMID にピリオドを使用した 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 サイトの他の関連記事を参照してください。

人気の記事

人気の記事

ホットな記事タグ

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











Smart Forms Frameworkを使用してJavaScript連絡フォームを作成する

5つの最高のPHPフォームビルダー(および3つの無料スクリプト)を比較する

node.jsとexpressのMulterを使用してファイルアップロードします
