ホームページ > 記事 > ウェブフロントエンド > CSS ID セレクターを定義する方法
CSS id セレクター
id セレクターは、特定の id でマークされた HTML 要素の特定のスタイルを指定できます。
id セレクターは "#" で定義されます。 (推奨学習: CSS 入門チュートリアル )
次の 2 つの ID セレクター。最初のものは要素の色を赤として定義でき、2 つ目は要素の色を定義できます。要素の緑表示:
#red {color:red;} #green {color:green;}
次の HTML コードでは、id 属性が赤である p 要素は赤で表示され、id 属性が緑である p 要素は緑で表示されます。
<p id="red">这个段落是红色。</p> <p id="green">这个段落是绿色。</p>
注: id 属性は、各 HTML ドキュメント内で 1 回だけ使用できます。
個別セレクター
ID セレクターは、派生セレクターの作成に使用されない場合でも、独立して機能できます。
#sidebar { border: 1px dotted #000; padding: 10px; }
According to thisルールに従って、サイドバーの ID を持つ要素にはピクセル幅の黒い点線の境界線があり、その周囲に 10 ピクセルのパディングが存在します。
Windows/IE ブラウザの古いバージョンでは、このセレクターが属する要素を具体的に定義しない限り、このルールが無視される可能性があります:
div#sidebar { border: 1px dotted #000; padding: 10px; }
以上がCSS ID セレクターを定義する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。