CSS: ID oder Klasse?

  • Es gibt viele Wege, Stylesheets anzuwenden. Die Frage ist, wann man besser Klassen und wann man besser eine ID als Selektor wählt. Grundsätzlich ist eine Klasse (.class) allgemeiner zu handhaben. Sie kann auf einer Seite beliebig oft vorkommen. ><h1 class="tont">Uberschrift </h1> IDs hingegen sind spezieller. Sie dürfen nur einmal auftauchen, gelten aber in der CSS-Hierarchie als wichtiger. Das bedeutet, wenn eine Klasse nicht zur Geltung kommen will, hat man mit einer ID bessere Chancen. <h1 ID=blau >Überschrift </h1> Innerhalb der CSS-Datei liest es sich dann so: #blau {color : blue;} Die Benutzung einer ID bietet Vorteile: Sie kann als Sprungziel für Links verwendet werden, IDs können mit Javascript mit getElementById() angesprochen werden, und IDs überstimmen Klassen. Quellcodes können überdies genauer strukturiert werden als mit den mehrfach vorkommenden Klassen. Diesen Vorzügen stehen die folgenden Nachteile von IDs gegenüber: Eine ID darf auf einer Seite nur einmal verwendet werden, und IDs können nicht wie Klassen kombiniert werden. Probleme in Sachen Browserverträglichkeit gibt es nicht. Klassen und IDs können gemeinsam genutzt werden.