id oder class verwenden

[Osiris]

Kann mir

vielleicht jemand erklären, wo der Unterschied
zwischen id und class ist. Beziehungsweise
wo es besser ist class zu verwenden und wo id.

Hallo.

ID bezeichnet ein einzelnes Objekt, wie der Name schon sagt, als Identifyer eben.
Eine Klasse legt Eigenschaften für mehrere Objekte (in HTML Elemente) fest.

Mal als Beispiel:

<style type="text/css">
  <!--
  #blau {font-color:blue; font-weight: bold;}
  .gruen {font-color:Lime; font-style: italic;}
  -->
</style>

<p id="blau">Dieser Text steht in blauer Farbe fett da</p>
<p class="gruen">Dieser Text steht in gr&uuml;ner kursiv Farbe da</p>

Du kannst auch Klassen und IDs gleichzeitig benutzen:

<p id="blau" class="gruen">Dieser Text steht kursiv, fett, und blau da</p>
Wenn du beide gleichzeitig verwendest, überlagern sich die Eigenschaften. Wenn es unterschiedliche Eigenschaften sind, werden alle übernommen, ansonsten haben die Eigenschaften der IDs mehr Gewicht und überschreiben die Klasseneigenschaften.

Du solltest für Elemente, die du nur einmal brauchst, mit IDs arbeiten. Eine Klasse lohnt sich bereits dann, wenn du zweimal ein <div> mit gleichfarbigem Hintergrund brauchst, genauso wie für Tabellenreihen und -felder.

Du kannst mit CSS auch Klassen innerhalb von IDs definieren:
<style type="text/css">
  <!--
  #blau {color: blue;}
  #blau .fett {font-weight: bold;}
  #blau .kursiv{font-style: italic;}

-->
</style>

...und umgekehrt.
(Alles ungetestet, aber ich glaube, es stimmt soweit!)
Das sind so meine Erfahrungen als Gelegeheitscssler.

Ich hoffe, es hilft dir weiter!
mfg,
Marc