Co oznacza ">" w CSS?

Question

Powiel możliwe:
What does “>” mean in CSS rules?

Czego > symbol oznacza w CSS? Zauważyłem to w moim blogu Wordpress i chcę wiedzieć, co robi.

#access li:hover > a, 
#access ul ul :hover > a, 
#access a:focus { 
    background: #efefef; 
} 
#access li:hover > a, 
#access a:focus { 
    background: #f9f9f9; /* Show a solid color for older browsers */ 
    background: -moz-linear-gradient(#f9f9f9, #e5e5e5); 
    background: -o-linear-gradient(#f9f9f9, #e5e5e5); 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */ 
    background: -webkit-linear-gradient(#f9f9f9, #e5e5e5); 
    color: #373737; 
} 
#access ul li:hover > ul { 
    display: block; 
} 

Answer 1

to znaczy, że tylko "pierwsze zagnieżdżone" elementy będą kierowane ("dziecko" elementy), na przykład

<div id="a"> 
     <div id="b"> 
     <div id="c"> 
     </div> 
     </div> 
    </div> 

jeśli piszesz

#a div{ 
background: red; 
} 

następnie obie # b i #c będą czerwone, ale jeśli użyjesz> jak

#a > div{ 
background: red; 
} 

wtedy tylko #b będzie czerwone, # c nie będzie.

Answer 2

To jest selektor podrzędny (nazywany również kombinatorem dziecięcym). Możesz dowiedzieć się więcej o selektorach na stronie internetowej World Wide Web Consortium (W3C), gdzie możesz przeczytać CSS2 entry on the child selector lub możesz przejść bezpośrednio do CSS3 entry on the child selector.

Również tutaj świetny cytat z innego SO pytanie o CSS Child vs Descendant selectors:

Wystarczy pomyśleć o tym, co słowa „dziecko” i „potomek” oznacza w języku angielskim:

• Moja córka jest zarówno moje dziecko jak i mój potomek

• Moja wnuczka nie jest moim dzieckiem, ale jest moją potomką.

Answer 3

li > a dopasowuje dowolny element będący dzieckiem li. Zobacz W3C CSS page dla dowolnych selektorów.