Vybírání dětí

Někdy nechcete všechny potomky, ale jen děti. K tomu slouží znak >:

footer > p {
	color: purple;
}

Selektor footer > p vybere prvky p, které jsou dětmi prvku footer, tedy jsou do něj vnořené přímo. Podívejte se na rozdíl v našem zápatí: footer a vybere oba odkazy, protože jsou potomky zápatí. footer > a nevybere nic, protože odkazy nejsou přímo v zápatí, ale v odstavcích.

Prvek main na naší stránce obsahuje čtyři prvky div: ten s hlavním nadpisem, dvě skupiny a plemena. Jeho dítětem je ale jen ten první, zbylé tři jsou uvnitř prvku section. Proto main div vybere všechny čtyři, kdežto main > div jen ten s hlavním nadpisem. Ten bychom samozřejmě mohli vybrat i podle jeho třídy nadpis-pozadi, my ale zkusíme >, ať vidíte rozdíl.