Frage CSS: .class.anotherclass>li

[DerNeuling21]

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]

.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.

<ul class="Klasse andereKlasse">
    <li class="blubb"></li>
    <ul>
        <li class="foo"></li>
    </ul>
</ul>