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: ~~~html <div class="ginput_container ginput_container_consent">…</div> ~~~ > Aber wie steuer ich die in meiner CSS Datei an? > > ~~~css > .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: ~~~html <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: ~~~css .ginput_container.ginput_container_consent { margin: -20px; } ~~~ Nebenbei gefragt, warum brauchst du den negativen Abstand? Tschö, Auge -- Ein echtes Alchimistenlabor musste voll mit Glasgefäßen sein, die so aussahen, als wären sie beim öffentlichen Schluckaufwettbewerb der Glasbläsergilde entstanden. *Hohle Köpfe* von Terry Pratchett

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: ~~~html <div class="ginput_container ginput_container_consent">…</div> ~~~ > Aber wie steuer ich die in meiner CSS Datei an? > > ~~~css > .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: ~~~html <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: ~~~css .ginput_container.ginput_container_consent { margin: -20px; } ~~~ Nebenbei gefragt, warum brauchst du den negativen Abstand? Tschö, Auge -- Ein echtes Alchimistenlabor musste voll mit Glasgefäßen sein, die so aussahen, als wären sie beim öffentlichen Schluckaufwettbewerb der Glasbläsergilde entstanden. *Hohle Köpfe* von Terry Pratchett