web-dev-qa-db-ja.com

要素はidとクラスの両方を持つことができますか？

自明です。

htmlcssclass
46
kim holder

はい、要素は1つのID（一意でなければなりません！）と複数のクラスを同時に持つことができます。複数のクラスを使用するには、それらの間にスペースを使用します。以下に例を示します。

<div id="myID" class="class1 class2 class3">Content</div>
131
Nick Craver

IDと互いに矛盾するクラスの両方を追加すると、IDの優先度が高くなることを付け加えます。

例えば：

CSS：

.par_color{
    color:red;
}

#par_color{
    color:blue;
}

HTML：

<section id="par_color" class="par_color">Some txt</section>

一部のtxt文字列は、赤ではなく青で表示されます。

8
Vandervidi

はい。自明。

また、複数のクラスIE-

<div class="oneClass andAnother"></div>

ただし、要素ごとに1つのIDのみで、各IDはHTMLページごとに1回だけ使用する必要があります。

6
Alex Mcp

はい。

<div id="main" class="rounded">
</div>
6
Larsenal

要するに、はい。通常、クラスはスタイリング用であり、idはスクリプトによる直接操作を可能にします。

5
developmentalinsanity

はい、クラスとIDだけでなくIDとクラスも追加できます

クラスとid<h1 id="orange-text" class="pink-text blue-text">Hello World!</h1>2つのクラス<h1 class="orange-text" class="pink-text blue-text">Hello World!</h1>

1
rishav kumar

はい、できます。ただし、クラスは複数の要素で使用できますが、IDはHTMLファイル内で一意でなければなりません。

<div class="examples" id="example1">text example</div>
0
Gabriel Caldas