2010-05-11 6 views
37

ziemlich selbsterklärend.Kann ein Element sowohl eine ID als auch eine Klasse haben?

+10

hinzufügen, weil ich ein Anfänger bin. warum nicht? Ich habe eine perfekte Antwort hier, dass ich nicht in W3Schools finden konnte, htmldog oder CSS diskutieren. und in weniger als 5 min. –

+3

Ehrlich, das hättest du selbst herausfinden können. Eine CSS-Datei zu erstellen und zu testen sollte nicht allzu schwierig sein. Auch Google für 'HTML-Element-Klassen-ID' enthüllt diese http://www.w3.org/TR/html401/struct/global.html#h-7.5.2, die einige Beispiele gibt .... –

+4

in Ordnung, ich didn ' t schreibe tatsächlich eine CSS-Datei, um zu sehen, ob es funktionieren würde. ich hatte in letzter zeit probleme mit css, die mir gezeigt haben, dass es viele falten gibt, und das ist jetzt für viele dinge besser zu fragen, weil ich wirklich nicht viel weiß. Warum so schwer? –

Antwort

109

Ja, ein Element kann eine ID (die eindeutig sein muss!) Und mehrere Klassen gleichzeitig haben. Um mehrere Klassen zu verwenden, verwenden Sie ein Leerzeichen zwischen ihnen, hier ein Beispiel:

<div id="myID" class="class1 class2 class3">Content</div> 
+6

Ich würde Ihnen eine Aufzählung geben, aber Sie haben schon genug;) – dclowd9901

+14

Ich würde Ihnen eine Aufwertung geben, also tat ich –

+3

Diese Upvote Hurerei muss aufhören. ;-) – ghoppe

6

Ja. Selbsterklärend.

Zusätzlich ist es üblich, mehr als eine Klasse IE zu haben -

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

aber nur eine ID pro Element und jede ID sollte nur einmal pro HTML-Seite verwendet werden.

+0

Wo ist das Attribut 'id'? – JustinJmnz

4

Kurz gesagt, ja. Normalerweise würde die Klasse für das Styling und die ID für eine direkte Manipulation durch Skripte sorgen.

5

Ich möchte hinzufügen, dass wenn Sie ID und eine Klasse hinzufügen, die sich widersprechen, die ID höhere Priorität haben wird.

Zum Beispiel:

CSS:

.par_color{ 
    color:red; 
} 

#par_color{ 
    color:blue; 
} 

HTML:

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

Einige txt String wird in blau und nicht rot dargestellt werden.

+0

... Weil ID eine höhere Selektivität als Klasse hat. –

0

ja können Sie id und Klasse sowie eine Klasse und eine ID

für eine Klasse und eine ID <h1 id="orange-text" class="pink-text blue-text">Hello World!</h1> für zwei Klassen <h1 class="orange-text" class="pink-text blue-text">Hello World!</h1>

Verwandte Themen