Selektor języka CSS wyszukujący do sformatowania element znajdujący się bezpośrednio w innym elemencie. Selektor ten zapisuje się wg następującego wzoru:
nazwa elementu rodzica < nazwa elementu dziecka
. Np. reguła CSS
p < span {color: green}
sprawi, że tekst wszystkich elementów
span
znajdujących się bezpośrednio w elementach
p
na stronie HTML będzie miał kolor zielony. Słowo „bezpośrednio” oznacza, że dopasowywany element nie może być zagnieżdżony w żadnym innym elemencie znajdującym się w elemencie rodzica, o który chodzi. Obrazują to poniższe przykładowe fragmenty dokumentów HTML:
<p> Jakiś tekst. <span>Więcej tekstu</span></p>
<p><a href="www.w3.org">Jakiś odnośnik <span>do jakiejś strony</span></a></p>