Was bedeutet > bei CSS?

[pee]

hi,

ich sehe in meinem css das hier:

#page > header > hgroup {

ist jemand bitte so nett und erklärt mir die bedeutung von ">"? ist das nur zur übersicht, sodass man das auch ebenso weglassen könnte?

- p

 

[Arcsinh]

">" ist ein Kontext-Selektor. In deinem Fall würde das bedeuten: alle hgroup-Tags, die direkt im header-Tag liegen, die direkt im #page liegen, also nicht in zweiter oder dritter Ebene, wie in dem Fall:

#page header hgroup {

EDIT: Hab mal gerade nachgeschaut; ">" heißt Kind-Selektor, kannst mal danach suchen...

 

[pee]

dient > nicht nur einfach der übersicht? denn wenn ich die eckige klammer weglasse, komme ich ja zum selben ergebnis. sehe da keinen, wenn auch nur feinen, unterschied.

 

[Arcsinh]

Nehmen wir mal an du hast Folgenden Code:

<div>
    <span>
        <h1></h1>
    </span>
    <h1></h1>
</div>

Mit

div h1 {}

würdest du den h1-Element im div und in span ansprechen.

Mit

div > h1 {}

jedoch nur den im div, nicht den im span.