W CSS właściwość (np. kolor, margines, wyrównanie) działa na te elementy HTML, które zostaną dopasowane przez selektor reguły. W tego typu zadaniu należy więc nie zgadywać "po wyglądzie", lecz przeprowadzić krótką analizę dopasowania.
- Krok 1: odczytaj selektor. Sprawdź, czy jest to selektor elementu (np. akapit), klasy, identyfikatora, atrybutu albo pseudoklasy (np. wybór elementu o określonej pozycji).
- Krok 2: porównaj selektor z akapitami. Akapit pasuje, jeśli spełnia warunki selektora (ma właściwą klasę/id, znajduje się w odpowiednim miejscu w strukturze dokumentu, jest właściwym typem elementu itp.).
- Krok 3: uwzględnij kaskadę. Nawet jeśli selektor pasuje, końcowy efekt może być zmieniony przez inną regułę o większej specyficzności lub przez regułę później zdefiniowaną (przy tej samej specyficzności).
- Krok 4: sprawdź dziedziczenie. Część właściwości dziedziczy się z elementu nadrzędnego, a część nie. To pomaga ocenić, czy widoczny efekt wynika z reguły dla danego akapitu, czy z reguły dla jego otoczenia.
Odpowiedź "Akapit 2" jest poprawna, ponieważ to właśnie ten akapit spełnia warunki selektora z przedstawionej reguły, a zastosowana właściwość nie została skutecznie nadpisana przez inną regułę w kaskadzie.
Pozostałe odpowiedzi są niepoprawne, bo odpowiadają akapitom, które nie spełniają kryteriów selektora (np. inna klasa/id, inna pozycja w strukturze) lub w ich przypadku końcowy styl wynika z innej, silniejszej reguły.
W praktyce zawodowej najszybciej weryfikuje się to w narzędziach deweloperskich przeglądarki: wskazujesz akapit i sprawdzasz, która reguła ustawia daną właściwość oraz czy nie jest ona przekreślona (nadpisana).
