Grundlagen CSS ID vs. Class
In verschiedenen Foren und auch wenn ich mir die Stylesheets verschiedener Webseiten anschaue, bemerke ich immer wieder einen kleinen Syntaxfehler. Die in CSS verwendetete ID oder Class. Viele junge Webmaster scheinen mit der Zuordnung der beiden Elemente nich immer klar zu kommen. Obwohl deren Handhabung relativ einfach zu verstehen ist.
Festgelegt vom W3C, beschreibt die ID wie CLASS jeweils ein Element im Markup. Der Unterschied: Während das Attribut CLASS auf mehrere Elemente verwendet werden kann und sollte. So ist die ID eine Bezeichnung für ein einziges Element. Im gleichen Element angewandt besitzt ID gegebnüber CLASS eine höhere Wertigkeit. Nachfolgendes Beispiel soll zur Verdeutlichung dienen.
/* --- html ---*/
< div>
< p class="blau">text...< /p>
< p id="grün">text...< /p>
< p class="blau"> < /p>
< p id="rot">text...< /p>
< /div>
Nachfolgend könnte das CSS wie folgt ausschauen.
/* --- css ---*/
.blau {
color: blau;
}
#grün{
color:grün;
}
#rot{
color:rot;
}
p{
color:black;
}
