SCSS Frage zu multi Class Elementen

**Kahmoon** · 19.11.2020, 17:57

Hallo zusammen,

irgendwie stehe ich gerade auf dem schlauch. Contao liefert ja OS und Browser als Klasse mit. Darauf würde ich gerne reagieren.

Im Grunde klappt das auch auf eine Klasse

HTML-Code:

<body id="top" class="mac chrome blink ch86 terminkalender mm-wrapper">

Code:

body{
    &.chrome{
        color:red;
    }
}

Was ich nicht hinbekomme ist auf zwei Klassen abzufragen auf win + chrome

Code:

body{
    &win.chrome{
        color:red;
    }
}

Das schreibe ich sicher falsch. Normal wäre es body.win.chrome{blablabla}

VG

**mlweb** · 19.11.2020, 18:11

Das muss doch als Klasse geschrieben werden oder hast Du nur hier im Forum einen Tipfehler?

Code:

body{
    &.chrome{
        color:red;
    }
}

bzw.

Code:

body{
    &.win.chrome {
        color:red;
    }
}

oder

Code:

body {
  &.win {
   &.chrome {
     color: red;
   }
  }
}

**fiedsch** · 19.11.2020, 18:13

Zitat von Kahmoon

Normal wäre es body .win.chrome{blablabla}

Wenn der body die Klassen win und chrome haben soll, muss es doch body.win.chrome sein, oder?

**webstar** · 19.11.2020, 18:13

Das "&" bedeutet ja nur, dass es direkt mit den übergeordneten Selektor zusammengesetzt wird, ergo fehlt ein Punkt. Ein Blick ins generierte CSS sollte das aber auch offenbaren.

**mlweb** · 19.11.2020, 18:19

Das meinte ich mit "als Klasse schreiben"

**Kahmoon** · 20.11.2020, 07:34

Guten Morgen,

ja sorry es fehlten die Punkte.

Er hat es nur nicht genommen wenn ich für zwei Klassen in der Verschachtelung schreibe. Aber am Ende war es wohl doch nur Caching...

Code:

body{
    &.win.chrome{
        color:red;
    }
}

entspricht

Code:

body.win.chrome{color:red;}

Thema: SCSS Frage zu multi Class Elementen

Themen-Optionen

Thema durchsuchen

SCSS Frage zu multi Class Elementen

Aktive Benutzer

Aktive Benutzer

Lesezeichen

Lesezeichen

Berechtigungen

Contao

Empfohlene Webdesign-Bücher