Frage CSS: .class.anotherclass>li

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

DerNeuling21

Mitglied
15 September 2017
62
1
8
20
Hallo zusammen,

ich hätte da eine kurze und einfache frage kurz.

Was beutet in CSS:

.Klasse.andereKlasse > li

was macht die "andereKlasse" ? In welchem zusammenhang steht Sie mit der 1. Klasse ?

Danke für eure Hilfe
 

Marv

Mitglied
6 November 2010
411
9
18
Milkyway
.Klasse.andereKlasse selektiert ein Element, was sowohl ".Klasse" als auch ".andereKlasse" hat.
.Klasse .andereKlasse dagegen würde ein Element selektieren, das die Klasse ".andereKlasse" hat und innerhalb von einem Element mit der Klasse ".Klasse" ist.

Dein Selektor .Klasse.andereKlasse > li selektiert ein "li"-Element, das ein direktes Kindelement ist und zwar von dem Element das die beiden Klassen ".Klasse" und ".andereKlasse" hat.

Direktes Kind bedeutet? Siehe folgendes beispiel, das li mit der Klasse ".blubb" ist ein direktes Kind vom Element mit ".Klasse.andereKlasse", das li mit der Klasse ".foo" ist kein direktes Kind, sondern steckt noch in einem anderen Element.

HTML:
<ul class="Klasse andereKlasse">
    <li class="blubb"></li>
    <ul>
        <li class="foo"></li>
    </ul>
</ul>
 
  • Like
Reaktionen: Sempervivum
Werbung: