Źródło: Arkusze CKE
W języku CSS zapis selektora p > i { color: red;} oznacza, że kolorem czerwonym zostaniesformatowany
Warianty odpowiedzi
-
A
A. każdy tekst w znaczniku p lub każdy tekst w znaczniku i
-
B
B. każdy tekst w znaczniku p za wyjątkiem tych w znaczniku i
-
C
C. jedynie ten tekst znacznika p, do którego jest przypisana klasa o nazwie i
-
D
D. jedynie ten tekst w znaczniku i, który jest umieszczony bezpośrednio wewnątrz znacznika p
Wyjaśnienie
Znak większości (>) w selektorach CSS to tak zwany kombinator dzieci. Jest on bardzo skrupulatny i działa tylko na bezpośrednich potomków.
Zapis p > i oznacza dokładnie: znajdź znacznik i, ale tylko wtedy, gdy jego bezpośrednim rodzicem jest znacznik p.
Jeśli znacznik i byłby zagnieżdżony głębiej (na przykład p -> span -> i), ten styl już nie zadziała.
Warto zapamiętać różnicę: zwykła spacja (p i) szuka każdego potomka na dowolnym poziomie zagnieżdżenia, a znak większości (p > i) wymaga bezpośredniej relacji rodzic-dziecko.