CSS: Unterschied zwischen ids und Klassen

Eine ID kann pro Seite nur einmal verwendet werden
z.B. ein Header, der nur einmal auf einer Seite vorkommt:

<div id="header"></div>

Bei einer Klasse gibt es diese Einschränkung nicht
z.B. mehrere Textboxen:

<div class="textbox"></div>
<div class="textbox"></div>
<div class="textbox"></div>

Im CSS verwendest du eine Raute zur Kennzeichnung einer ID und einen Punkt zur Kennzeichnung einer Klasse::

div#header {  }
div.textbox {  }

Im Zweifelsfall, also wenn ein Element nicht einzigartig bleiben könnte, würde ich auch eine Klasse verwenden.

Eine ID hat m.E. den Vorteil, dass ich das Element in JavaScript leichter ansprechen kann (mit getElementById()). Zudem lässt sich bei einer späteren Analyse des Quelltextes schneller erkennen, dass es das Element nur einmal gibt - wenn ich am CSS dann etwas ändern will, muss ich nicht erst noch nach etwaigen anderen Klassen-Elementen suchen, die dann auch von den Änderungen betroffen sind.

getElementsByClassName() funktioniert noch nicht in allen Browsern (insbesondere dem IE):

http://www.quirksmode.org/dom/w3c_core.html#gettingelements

Man könnte etwas umständlich in einer Schleife den classname abgleichen. Mit einem Framework wie jquery geht's natürlich auch relativ einfach. Ansonsten sind IDs aber leichter zu handhaben