✔ Wann Klassen und wann ID´s?

[Jan-Frederik Stieler]

Hallo,
eine grundsätzliche Frage bei der Verwendung von CSS. Wann nimt man Klassen und wann ID´s ?

Viele Grüße

 

[Maik]

Hallo DirtyWorld,

IDs können in einem Dokument / einer Seite nur einmal vergeben werden. CSS-Klassen werden für ein mehrfach verwendetes Element mit gleichen CSS-Eigenschaften vergeben:

<div id="main">
  <div class="content"> ... </div>
  <div class="content"> ... </div>
  <div class="content"> ... </div>
</div>

greez, maik.l

 

[Jan-Frederik Stieler]

Hallo,
Danke für deine Antwort. Also dürfte ich jetzt keinen weiteren Div-Container mit der id=main verwenden? Welchen Sinn erfüllt das dann, ich kann dann doch einfach nur Kalssen verwenden und hab dann eine größere Freiheit bei dem verwenden von CSS, oder?

Gruß

 

[c2uk]

Richtig erkannt! Trotzdem haben IDs meiner Meinung nach einige Vorteile, ich zitiere mal aus diesem Artikel bei drweb.de:

* Sie kann als Sprungziel für Hyperlinks verwendet werden.
* IDs können mit Javascript angesprochen werden. Das funktioniert über getElementById()
* IDs überstimmen Klassen.
* Quellcodes können genauer strukturiert werden,als mit den mehrfach vorkommenden Klassen.

Vor allem letzteren Punkt finde ich wichtig, je größer Deine css-Datei wird, umso wichtiger ist eine klare Struktur, und jetzt IDs für Sachen verwenden, die wirklich nur einmal vorkommen (z.B. der Header-Div, der Content-Div, der Navi-Div), hilft dabei ungemein.

 

[Jan-Frederik Stieler]

Ok, das glingt einläuchtend.
Vielen Dank für deine Bemühung!