1.4 Class- und id-Attribute richtig einsetzen

Problem

Sie wollen wissen, wann am besten class-Attribute verwendet werden und wann besser id-Attribute.[1]

Lösung

Verwenden Sie class-Attribute, wenn die gleiche Stildefinition mehrere Male in einem Dokument benutzt werden soll. id-Attribute kommen zum Einsatz, wenn ein Stil nur auf ein einziges Element in einem Dokument angewandt werden soll.

Im folgenden Stylesheet benutzen wir die ID-Selektoren #banner, #sub_banner, #nav1, #nav2, #footer und #content; .title und .content sind Klassen-Selektoren:

body {
 margin: 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: .75em;
 padding: 0;
}
#banner { margin-top: 0; margin-bottom: 0; background-color: #900; border-bottom: solid 1px #000; padding: ...

Get CSS Kochbuch now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.