Tipps und Tricks: Elementen mehrere Klassen zuweisen
Du darfst einem Element mehrere class-Selektoren gleichzeitig zuweisen.
,
,
,
,
<html><head>
<style type="text/css">
.rot{color:#ff0000;}
.ul {text-decoration:underline}
.fett{font-weight:bold}
</style>
<title>Irgendein Titel</title>
</head><body>
<p class="rot">Ein roter Text</p>
<p class="fett">Ein fetter Text</p>
<p class="ul">Ein unterstrichener Text</p>
<p class="ul rot">Ein Text, rot und unterstrichen</p>
<p class="fett ul">Ein Text, fett und unterstrichen</p>
<p class="rot fett ul">Ein Text, rot, fett und unterstrichen</p>
</body></html>
Diese Beispiel deklariert die drei Klassen: rot, ul und fett. Um diese Klassen nun für ein Element zu kombinieren, brauchst du sie nur in dem class-Attribut durch Leerzeichen getrennt anzugeben.
Browser
Browser, wie der Netscape 4, die dieses Feature nicht unterstützen, zeigen die Formatierungen nicht an. Ob das ein Problem ist, hängt von den angegebenen Stylesheet-Eigenschaften ab und muss von dir ggf. getestet werden.