Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
Zawód: Technik informatyk , Technik programista
Kategorie: Tworzenie stron WWW Systemy CMS i narzędzia webowe
Co oznacza selektor CSS p > i { color: red; }?
Odpowiedzi
Źle. To opisywałby
p.i, a nie p > i.Dobrze.
> to selektor dziecka bezpośredniego.Źle. To opisywałby raczej grupowanie selektorów przecinkiem.
Źle. Selektor nie wyklucza
<i>.Informacja zwrotna
Znak
> w selektorze oznacza „bezpośrednie dziecko”, więc p > i trafia tylko w te <i>, które leżą wprost wewnątrz <p> (na pierwszym poziomie zagnieżdżenia), a nie głębiej. Reguła p > i { color: red; } pokoloruje taki tekst na czerwono. Dlatego selektor dotyczy <i> bezpośrednio w <p>.