ホームページ >ウェブフロントエンド >CSSチュートリアル >ID セレクターとクラス セレクターの違いは何ですか?
ID セレクターとクラス セレクターの違いは何ですか?
- 清浅オリジナル
- 2018-12-14 13:23:279901ブラウズ
相違点は、ID セレクターはドキュメント内で 1 回のみ使用できるのに対し、クラス セレクターは複数回使用できることです。クラス セレクターは同じ要素に同時に複数の属性を設定できます。 , しかし、ID セレクターはできません
私は普段コードを書いたり、div や css を使って Web ページを作成するとき、いつもクラス セレクターと ID セレクターを使って CSS スタイルを設定します。次の記事でその使い方を紹介します。クラスと ID セレクター、およびそれらの違いについては、一定の参照効果があります。
#[推奨コース: CSS コース #]
ID セレクター
id は要素を一意に識別し、ファイル内で 1 回だけ使用でき、次のように指定できます。非常に正確に検出されました。特定の要素の前に # 記号があります。ID セレクター。CSS では、ID セレクターは HTML ドキュメントにスタイルを追加するために使用されます。例:<style type="text/css">
#demo{
width:100px;
height: 100px;
background: pink;
text-align: center;
line-height: 100px;
}
</style>
</head>
<body>
<div id="demo">ID选择器</div>
</body> レンダリング:
クラス セレクター
クラス セレクターを使用すると、クラス セレクターから独立した方法でスタイルを指定できます。 document 要素は単独で使用でき、他の要素と組み合わせて使用することもできます。 クラス セレクターの前に「.」があります。Example<style type="text/css">
.demo{
width:100px;
height: 100px;
background: pink;
text-align: center;
line-height: 100px;
}
</style>
</head>
<body>
<div class="demo">class选择器</div>レンダリング:
ID セレクターとクラス セレクターの違い
(1) ドキュメントの使用数: ID セレクターは、クラス セレクターは 1 回使用できますが、クラス セレクターは複数回使用できます。以上がID セレクターとクラス セレクターの違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：下線スタイルをカスタマイズする方法次の記事：下線スタイルをカスタマイズする方法