Kürzere Schreibweise (css)

DiVaO · 02.04.2011

Ich versuche gerade meinen Code etwas platzsparender zu machen und habe folgende Situation:

HTML:

.div table { bla }
.div th { bla }
.div td { bla }
.div tfood tr { bla }

Kann man sich vorstellen denke ich. Gibt es eine kürzere Schreibweise dafür? Also dass ich nicht bei jedem Element .div vorne dran brauche sondern für die ganzen Elemente angebe, dass sie in .div gehören ?

Schonmal danke im Vorraus.

krid2873 · 03.04.2011

AW: Kürzere Schreibweise (css)

Moin,

du könntest der Tabelle eine Klasse oder ID zuweisen
Beispiel:

HTML:

<html class="test"...>

und dann im Stylesheet nur die Regel für Klasse bzw. ID notieren:

.test {bla}

patrick_l · 03.04.2011

AW: Kürzere Schreibweise (css)

Wenn die einzelnen Werte gleich sind, also z.B. für margin, padding etc. kannst du es so so zusammen fassen.

Code:

.div table, .div th, .div td, .div tfood tr { bla }

Das geht aber nur wenn wirklich alle gleich sind.

krid2873 schrieb:
du könntest der Tabelle eine Klasse oder ID zuweisen
und dann im Stylesheet nur die Regel für Klasse bzw. ID notieren:

Bei einer Tabelle sollte man Klassen verwenden. ID machen in meinen Augen nur beim Hauptcontainer und den inliegenden Divs Sinn. Halt weil eine ID ja nur einmal vergeben werden kann.