W CSS, aby ostylować wszystkie obrazy umieszczone wewnątrz akapitu (<p>), stosuje się tzw. selektor potomka (descendant selector), czyli zapis dwóch selektorów rozdzielonych spacją.
"p img" oznacza: wybierz każdy element <img>, który znajduje się wewnątrz elementu <p> w drzewie DOM (może być bezpośrednim dzieckiem albo potomkiem pośrednim, np. <p><span><img>…). Dzięki temu reguła dotyczy obrazów w treści akapitów, a nie wszystkich obrazów na stronie.
Dlaczego pozostałe odpowiedzi są błędne:
- "p # img" – w CSS selektor identyfikatora zapisuje się jako #nazwa (bez spacji między # a nazwą). Sam znak "#" oddzielony spacjami nie tworzy poprawnego selektora, więc taki zapis jest niepoprawny składniowo.
- "p + img" – operator "+" to selektor sąsiedniego rodzeństwa: wybiera <img> stojący bezpośrednio po <p> na tym samym poziomie zagnieżdżenia, a nie obraz "w środku" akapitu.
- "p.img" – kropka oznacza klasę. Ten selektor wybiera element <p> mający klasę "img", czyli akapit, a nie obraz w akapicie.
Wskazówka egzaminacyjna: gdy pytanie mówi "elementy X zawarte w elemencie Y", najczęściej chodzi o relację przodek–potomek i zapis ze spacją (np. Y X).
