W zadaniach typu "Dla którego akapitu zastosowano właściwość CSS?" kluczowe jest ustalenie który element HTML zostanie dopasowany przez selektor z reguły CSS pokazanej na ilustracji. Samo słowo "akapitu" zwykle oznacza element p, ale o wyborze decydują szczegóły selektora (np. klasa, identyfikator, relacje w drzewie DOM, pseudo-klasy).
Jak rozumować krok po kroku:
- Odczytaj selektor z reguły CSS i zidentyfikuj, jakie warunki musi spełnić element (np. czy ma mieć klasę, być w określonym kontenerze, być konkretnym dzieckiem lub rodzeństwem).
- Porównaj z HTML (również z ilustracji): znajdź akapity i sprawdź ich atrybuty oraz położenie w strukturze (rodzic–dziecko, poziom zagnieżdżenia).
- Uwzględnij kaskadę i specyficzność: jeśli kilka reguł może dotyczyć tego samego akapitu, zadziała ta o wyższej specyficzności albo ta później zapisana (przy tej samej specyficzności), o ile nie ma stylu inline lub !important.
- Sprawdź dziedziczenie: część właściwości może być dziedziczona z rodzica, ale pytanie zwykle dotyczy reguły zastosowanej bezpośrednio przez selektor, a nie tylko efektu dziedziczenia.
W tym pytaniu poprawną odpowiedzią jest "B" (zgodnie z kluczem). Pozostałe odpowiedzi są błędne, ponieważ wskazują akapity, które nie spełniają warunków selektora lub dla których dana reguła nie ma zastosowania po uwzględnieniu kaskady (np. inny atrybut, inne położenie w DOM albo nadpisanie przez bardziej specyficzną regułę).
Wskazówka egzaminacyjna: jeżeli na ilustracji widzisz kilka podobnych akapitów, nie zgaduj "na oko". Zawsze "przetłumacz" selektor na warunki logiczne (co musi być prawdą o elemencie), a potem odhacz je po kolei na strukturze HTML.
