W CSS reguła ma postać: selektor { deklaracje }. To selektor decyduje, które elementy HTML zostaną ostylowane. W tym zadaniu kluczowa jest interpretacja "klasy uzytkownik" w kontekście selektora widocznego w ramce.
Odpowiedź "paragrafy, do których została przypisana klasa uzytkownik." jest poprawna, gdy selektor w arkuszu stylów wskazuje konkretnie paragrafy z daną klasą, czyli ma postać typu p.uzytkownik. Taki zapis oznacza: wybierz tylko elementy <p>, które mają atrybut class zawierający nazwę uzytkownik. Wtedy właściwość color zmienia barwę czcionki wyłącznie w tych akapitach.
Dlaczego pozostałe odpowiedzi są błędne w tym ujęciu?
- "tylko znaczniki tekstowe typu <p>, <h1>." sugeruje, że styl obejmuje jednocześnie różne typy nagłówków i akapitów. To byłoby prawdą tylko przy selektorze z listą (np. <p>, <h1>) lub przy osobnych regułach, a nie wynika automatycznie z samego faktu użycia klasy.
- "wszystkie paragrafy." odpowiada selektorowi samego typu (np. <p>), bez warunku klasy. Jeśli selektor zawiera klasę, styl nie dotyczy wszystkich paragrafów, tylko paragrafów spełniających dodatkowy warunek.
- "dowolne znaczniki w sekcji <body> z przypisaną klasą uzytkownik." pasuje do selektora czysto klasowego .uzytkownik (dowolny element z tą klasą). Jeśli jednak w ramce jest selektor zawężony do <p> (np. p.uzytkownik), to inne znaczniki z tą klasą (np. <div class="uzytkownik">) nie zostaną objęte regułą.
Wskazówka egzaminacyjna: zawsze sprawdzaj, czy przed kropką stoi nazwa elementu (np. p.). To prosty sygnał, że reguła dotyczy tylko tego typu znacznika, a nie wszystkich elementów z daną klasą.
