Korte vraag. Doel van '>' teken. Verschil "ul > li" t.o.v. "ul li"

[Leon d]

Wat is het verschil tussen Verschil "ul > li" t.o.v. "ul li"

Alvast bedankt!

 

[Naarling]

Met "ul li" spreek je alle <li> elementen aan die in een <ul> element staan, hoeveel elementen daartussen staan maakt niet uit. Met "ul > li" pak je alleen die <li> elementen die direct in een <ul> staan, alleen de kinderen dus, geen achterkleinkinderen of verder.

Een voorbeeld.

<style>
ul li {
color:red;
}

ul > li{
color:blue;
}
</style>
<ul>
<li>1</li>
<li>2</li>
<span> <li>3</li></span>
</ul>

Als je de bovenstaande code in een HTML document plakt zul je zien dat de eerste twee li elementen blauw worden, die staan namelijk direct in het <ul> element. De derde <li> staat echter ook nog eens in een <span> en wordt dus rood.

 

[Leon d]

Nou dat is duidelijk! Dank!

 

[csshunter]

Even terzijde: voor het voorbeeld maakt het niets uit, maar in het echte leven mag je natuurlijk geen <span> om een <li> heen zetten.

 

[Leon d]

Even terzijde: voor het voorbeeld maakt het niets uit, maar in het echte leven mag je natuurlijk geen <span> om een <li> heen zetten.

Dat wist ik inderdaad. Dank iig nog voor de opmerking!