Che cosa significa il simbolo '>' in css?

Question

Punti facili qui per chi lo sa. Sto cercando una risposta dettagliata su cosa significhi (>) e come dovrebbe essere usato. Grazie.

Answer 1

Non esiste un simbolo valido come < in CSS. Se lo usi, invalidi il tuo css.

Tuttavia, è possibile utilizzare > - child selector.

CSS4 introdurrà un selettore soggetto. Al momento è contrassegnato con $.

così

$#parent a:hover{ 
    /* styles */ 
} 

quindi queste regole non si applicano alla A in hoverstate, ma è genitore con il parent -ID. CSS4 spec

Answer 2

Si potrebbe pensare al selettore > (grande di simbolo).

Questo selettore è noto come selettore combinatore figlio.

Ciò significa che selezionerà solo i figli diretti del genitore. Per esempio:

ul > li 

Così, per esempio, se si voleva per lo stile un elenco nidificato non ordinata in quanto tale:

<ul> 
<li></li> 
    <li> 
     <ul> 
     </ul> 
    </li> 
</ul> 

si avrebbe per lo stile come tale:

ul > li > ul 

Ma questo è solo nel caso di usare >, selettore di combinatori di bambini.

Answer 3

Il < non è valido CSS, non dovresti utilizzarlo in nessun punto del tuo CSS.