Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA INF3 - CZERWIEC 2014



PYTANIE NR 5.
W podanej regule CSS hl {color : blue} h1 oznacza
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
W regule CSS selektorem jest część wskazująca, do jakich elementów HTML zastosować styl.
W zapisie h1 { color: blue; } "h1" wybiera wszystkie nagłówki h1, a "color" to właściwość i "blue" to jej wartość; całość w klamrach to deklaracje stylu.

Pełne wyjaśnienie:

Reguła CSS składa się z selektora oraz bloku deklaracji w nawiasach klamrowych. Selektor odpowiada na pytanie: które elementy dokumentu mają zostać ostylowane.

W przykładzie h1 { color: blue; } element "h1" jest selektorem typu (selektorem elementu) i odnosi się do wszystkich nagłówków <h1> w dokumencie HTML. Wewnątrz klamer znajduje się blok deklaracji.

Dlaczego pozostałe odpowiedzi są niepoprawne:

  • Odpowiedź "wartość" jest błędna, bo wartością w tej regule jest blue (przypisana do właściwości).
  • Odpowiedź "klasę" jest błędna, bo selektor klasy w CSS ma kropkę, np. .nazwaKlasy. Samo "h1" nie jest klasą, tylko selektorem elementu.
  • Odpowiedź "deklarację" jest błędna, bo deklaracja to zwykle para właściwość: wartość, np. color: blue;. Sam "h1" nie jest deklaracją, tylko wskazaniem celu (selektorem).

W praktyce na egzaminie warto zapamiętać schemat: selektor + { właściwość: wartość; }. Jeśli widzisz coś przed klamrą, to najczęściej jest to selektor; a wewnątrz klamry znajdują się deklaracje stylów.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co to jest selektor w CSS i do czego służy?
Selektor w CSS wskazuje, które elementy HTML mają zostać objęte daną regułą stylów. Jest umieszczony przed nawiasem klamrowym, np. h1 albo .menu. Dzięki selektorom można stylować elementy według typu, klasy, identyfikatora czy relacji w drzewie DOM.
Jak odróżnić właściwość od wartości w deklaracji CSS?
W deklaracji CSS zapis ma postać właściwość: wartość;. W przykładzie color: blue; słowo color jest właściwością (parametrem), a blue to wartość (ustawienie). Dwukropek rozdziela właściwość od wartości, a średnik kończy deklarację.
Dlaczego "h1" w CSS nie jest klasą?
"h1" bez kropki oznacza selektor elementu (typu) i wybiera wszystkie nagłówki h1. Selektor klasy musi mieć kropkę, np. .naglowek. To częsty błąd: klasa to atrybut class w HTML, a "h1" to nazwa znacznika.
Co to jest deklaracja w CSS na prostym przykładzie?
Deklaracja w CSS to pojedyncza para właściwość: wartość, zwykle zakończona średnikiem. Przykład deklaracji: font-size: 16px; albo color: blue;. W jednej regule (w klamrach) może być wiele deklaracji, każda w osobnej linii.
Jak wygląda pełna reguła CSS i z jakich części się składa?
Pełna reguła CSS ma postać: selektor { deklaracje }. Przykład: h1 { color: blue; margin: 0; }. "h1" to selektor, a w klamrach są deklaracje. Taki zapis pozwala jednoznacznie przypisać style do wybranych elementów strony.
Kiedy używa się selektora typu, a kiedy selektora klasy?
Selektor typu (np. h1, p) stosuje się, gdy chcesz ostylować wszystkie elementy danego rodzaju. Selektor klasy (np. .alert) wybiera elementy oznaczone klasą i nadaje się do stylowania wybranych fragmentów, niezależnie od typu elementu.
Jakie są najczęstsze błędy w zapisie reguł CSS na egzaminie?
Najczęstsze błędy to: mylenie selektora z deklaracją, brak średników między deklaracjami, wpisywanie wartości po złej stronie dwukropka oraz mylenie klasy z elementem (brak kropki przed nazwą klasy). Warto ćwiczyć schemat: selektor + { właściwość: wartość; }.
Czy średnik w CSS jest zawsze wymagany po deklaracji?
W praktyce zaleca się zawsze stosować średnik po każdej deklaracji, bo ułatwia to edycję i zmniejsza ryzyko błędów. Technicznie w wielu przypadkach ostatnia deklaracja w bloku może zadziałać bez średnika, ale na egzaminie i w pracy zawodowej bezpieczniej jest pisać go konsekwentnie.
Jak sprawdzić w DevTools, który selektor nadaje kolor nagłówkowi?
W narzędziach deweloperskich przeglądarki wybierz element (np. nagłówek) i przejdź do zakładki Styles. Zobaczysz listę reguł CSS uporządkowaną według dopasowania i kaskady. Reguła z selektorem (np. h1) pokaże, skąd pochodzi ustawienie color i czy jest nadpisywane.
Jak przygotować się do pytań o selektory CSS na INF.3?
Najlepiej opanować: selektory typu, klasy i identyfikatora, składnię deklaracji (właściwość–wartość), oraz podstawy kaskady i specyficzności. Ćwicz na krótkich przykładach i sprawdzaj w DevTools, co faktycznie zostało zastosowane. To szybko utrwala różnice między pojęciami.
info

To pytanie poprawnie rozwiązuje 75% zdających egzamin. średnio łatwe

Źródła:

  • MDN Web Docs: "CSS selectors" (sekcja o selektorach typu) https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_selectors (dostęp: 2026-03-02)
  • MDN Web Docs: "CSS Syntax" (reguły, deklaracje, właściwości i wartości) https://developer.mozilla.org/en-US/docs/Web/CSS/Syntax (dostęp: 2026-03-02)
  • W3C: "Selectors Level 3" (definicja selektorów, w tym selektorów typu) https://www.w3.org/TR/selectors-3/ (dostęp: 2026-03-02)

Materiały:

  • Dokumentacja MDN: selektory CSS i podstawy składni
  • Specyfikacja W3C dotycząca selektorów (Selectors Level 3/4)
  • Ćwiczenia praktyczne w DevTools: podgląd selektorów i reguł w zakładce Styles
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego