css gruppen in Klammern?

tichy · #1 (**permalink**) 26.06.2023, 15:25

Hi, ich meine mal folgendes, oder ähnliches irgendwo gesehen zu haben. Ich kann das nur nirgends finden.

Also ich kann ja direkte Childs so schreiben:

HTML-Code:

.box > .regal {color:red}
.box > .regal > .schublade1 {color:red}
.box > .regal > .schublade2 {font-size:25;}
.box > .regal > .schublade3 {width:50%;}

aber gibt es nicht auch einen Weg, dass zusammenzufassen, in dem die Childs eingeklammert werden. Also in dieser Art:

HTML-Code:


.box > .regal {color:red}
.box > .regal (
 .schublade1 {color:red}
 .schublade2 {font-size:25;}
 .schublade3 {width:50%;}
)

Oder irre ich mich da und ich habe etwas falsch gesehen? Weil so wie ich es da beschrieben habe geht es schonmal nicht.

top · #2 (**permalink**) 27.06.2023, 14:09

Was du gesehen hast nennt sich "Nesting":
https://www.w3.org/TR/css-nesting-1/

Ist bei Firefox leider noch nicht als Standard freigeschaltet:
https://caniuse.com/css-nesting

tichy · #3 (**permalink**) 27.06.2023, 16:25

Danke für die Antwort.
Sehr schade... nun, gut Ding will wohl Weile haben.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Redesign für Steiner Cycling Team	pkipper	Site- und Layoutcheck	11	09.02.2011 13:25
Einbindung von frei erhältlichen Scripten - CSS Problem	DonL	CSS	1	22.01.2011 17:09
MYspace mehr als nur CSS oder ?	Vinceone	CSS	0	12.07.2007 03:21
Eric Meyer's CSS	Petty	Ressourcen	0	21.11.2005 09:18
Mozilla ignoriert externes css	DarkWanderer	CSS	9	22.09.2005 12:39