Który z poniższych selektorów CSS poprawnie zastosuje styl do wszystkich elementów <img>, które znajdują się wewnątrz (są potomkami) dowolnego elementu <p>?

Poprawna odpowiedź: C (p img)

Wskazana opcja p img jest poprawna. Dokładnie odpowiada zasadom i mechanizmom określonym w specyfikacji języka i technologii bazodanowych dla tego zagadnienia.

Dlaczego pozostałe opcje są nieprawidłowe?

• A: p > img – Jest to selektor dziecka (child selector). Jest bardziej restrykcyjny. Wybiera tylko te elementy <img>, które są bezpośrednimi dziećmi elementu <p>. Nie zadziała, jeśli obrazek będzie zagnieżdżony w innym tagu wewnątrz akapitu, np. <p><span><img ...></span></p>.
• B: p, img – Przecinek to selektor grupujący. Ten zapis zastosuje styl do wszystkich elementów <p> ORAZ do wszystkich elementów <img> na stronie, niezależnie od ich wzajemnego położenia.
• D: p + img – Jest to selektor sąsiadujący (adjacent sibling selector). Wybiera on tylko ten element <img>, który znajduje się bezpośrednio po zamykającym tagu </p> i ma tego samego rodzica.