ホームページ  >  記事  >  ウェブフロントエンド  >  css: div のクラスと ID の違いは何ですか?

css: div のクラスと ID の違いは何ですか?

黄舟
黄舟オリジナル
2017-07-20 09:09:101837ブラウズ

1. class はラベルを設定するクラスであり、class 属性は要素がどのスタイル クラスに属するかを指定するために使用されます。

たとえば、 .content1 { color: red; background: #ff80c0 } をスタイル シートに追加できます。 使用法: class="content1" 。

id は、設定されたラベルの識別子です。 id 属性は、要素の一意のスタイルを定義するために使用されます。たとえば、CSS ルール #content2 { font-size:large } は、 id="content2" として使用されます。


概念的には異なります (次の 2 つの文は非常に鋭いです):

クラスは次のとおりです。最初にスタイルを定義する必要があります。その後、それを複数の構造/コンテンツに適用できます。 再利用が簡単です。つまり、クラス名は同じであってもかまいません。

id は、あなたの名前と同じように、異なる構造と内容を区別するために使用されるラベルです。同じ名前を持つ 2 人が家にいる場合、混乱が発生します。 id は、最初に構造/内容を見つけることです。 2. 属性の優先順位の問題 ID の優先順位はクラスよりも高くなります。自分で例を書いて確認することができます。コードの一部は次のとおりです (

は元の作者ではなく私によって書かれています

):

<html>
<head>
<style type="text/css">
#aa 
{
	color:red
}

.aa 
{
	color:blue
}
</style>
</head>

<body>
<p id="aa" class="aa">I love you.</p>
</body>

</html>

3. js について

ページ内のオブジェクトに対してスクリプト操作 (js) を実行したい場合は、その ID を定義できます。それ以外の場合は、ページ要素を走査して特定の属性を指定することによってのみ見つけることができます。これは比較的時間とリソースの無駄ですが、ID を持つことよりもはるかに簡単です。



以上がcss: div のクラスと ID の違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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