CSS Selektoren zwei Klassen mit Leerzeichen ansprechen

[Auge]

Hallo

Wie steuere i ich in einer CSS-Datei Selektoren an, die mit einem Leerzeichen getrennt sind?

Im Browser unter "Untersuchen" kann ich Attribute (z.B. margin) problemlos einstellen für:
ginput_container ginput_container_consent

Es handelt sich um eine "div".

Wir sprechen wirklich von einem Element mit beiden Klassen? Also:

<div class="ginput_container ginput_container_consent">…</div>

Aber wie steuer ich die in meiner CSS Datei an?

.ginput_container .ginput_container_consent {
   margin: -20px;
}

zeigt keine Reaktion!

Mit dieser Notation sprächest du ein Element mit der Klasse „ginput_container_consent“ an, das in einem Element mit der Klasse „ginput_container“ steckt. Also:

<div class="ginput_container"><p class="ginput_container_consent">…</p></div>

Wenn du aber, wie oben vermutet, ein Element mit beiden Klassen ansprechen willst, lasse im CSS-Selektor das Leerzeichen zwischen den Klassennamen weg. Also:

.ginput_container.ginput_container_consent {
   margin: -20px;
}

Nebenbei gefragt, warum brauchst du den negativen Abstand?

Tschö, Auge