Was bedeutet das Symbol> in css?

Question

Einfache Punkte hier für alle, die es wissen. Ich bin auf der Suche nach einer detaillierten Antwort darauf, was es (>) bedeutet und wie es verwendet werden soll. Vielen Dank.

Answer 1

Es gibt kein gültiges Symbol wie < in CSS. Wenn Sie es verwenden, werden Sie Ihr CSS ungültig machen.

Sie können jedoch > - die child selector verwenden.

CSS4 führt eine Themenauswahl ein. Im Moment ist es mit $ markiert.

so

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

so dass diese Regeln nicht auf die eine in hoverstate gelten, aber es ist Elternteil mit dem parent -ID. CSS4 spec

Answer 2

Sie denken vielleicht an den > (groß als Symbol) Selektor.

Dieser Selektor wird als Child-Kombinator-Selektor bezeichnet.

Dies bedeutet, dass es nur direkte Kinder des Elternteils auswählen wird. Zum Beispiel:

ul > li 

So zum Beispiel, wenn Sie eine verschachtelte unsortierte Liste als solche stylen wollen:

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

Sie müßten, um Stil als solche:

ul > li > ul 

Aber dies ist nur im Fall der Verwendung >, Kind Kombinator Selektor.

Answer 3

Das < ist kein gültiges CSS, Sie sollten es nirgends in Ihrem CSS verwenden.