ホームページ  >  記事  >  ウェブフロントエンド  >  CSS ID セレクターを定義する方法

CSS ID セレクターを定義する方法

(*-*)浩
(*-*)浩オリジナル
2019-11-23 13:22:574049ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。