KWALIFIKACJA INF3 - STYCZEŃ 2015

PYTANIE NR 7.
Selektor CSS a:link {color:red} zawarty w kaskadowych arkuszach stylów definiuje
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Zapis a:link to selektor elementu a połączony z pseudoklasą :link, która odnosi się do stanu nieodwiedzonego odnośnika. Klasa używa kropki (np. .menu), identyfikator znaku # (np. #naglowek), a pseudoelement zwykle ma zapis z podwójnym dwukropkiem (np. ::before).

Pełne wyjaśnienie:

Reguła CSS ma postać: selektor + blok deklaracji. W przykładzie a:link {color:red} część a:link jest selektorem, a {color:red} zawiera deklarację właściwości color.

W selektorze a:link:

  • a wybiera elementy HTML odnośnika (anchor).
  • :link jest pseudoklasą, czyli selektorem stanu/cechy elementu, zależnym np. od interakcji użytkownika lub stanu odnośnika.

Dlatego odpowiedź "pseudoklasę." jest poprawna: fragment po dwukropku (:link) to pseudoklasa opisująca stan linku (typowo: nieodwiedzony odnośnik).

Pozostałe odpowiedzi są błędne, bo odnoszą się do innych mechanizmów selekcji:

  • "klasę." – klasa w CSS jest wskazywana kropką, np. .link, a nie dwukropkiem. Klasa nie opisuje "stanu", tylko przynależność elementu do grupy nadanej w HTML.
  • "identyfikator." – identyfikator jest wskazywany znakiem #, np. #main. Służy do wyboru elementu o konkretnym atrybucie id, a nie do opisu stanu odnośnika.
  • "pseudoelement." – pseudoelement dotyczy części elementu (np. pierwszej litery, wstawionej zawartości) i w nowoczesnym zapisie używa zwykle ::, np. ::before, ::first-letter. :link nie wskazuje fragmentu elementu, tylko jego stan.

Wskazówka egzaminacyjna: zapamiętaj, że . oznacza klasę, # oznacza identyfikator, : najczęściej wskazuje pseudoklasę, a :: pseudoelement (choć historycznie część pseudoelementów bywała zapisywana także z pojedynczym dwukropkiem).

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Pseudoklasa to zapis w selektorze CSS (zwykle po dwukropku), który wybiera element w określonym stanie lub spełniający warunek, np. link nieodwiedzony, element pod kursorem, pierwszy element wśród rodzeństwa.
a:link wybiera elementy <a> będące odnośnikami w stanie nieodwiedzonym. Dzięki temu można nadać im styl (np. kolor) tylko dla tego stanu.
Klasa ma prefiks . (np. .menu) i wynika z atrybutu class w HTML. Pseudoklasa ma prefiks : (np. :link, :hover) i opisuje stan/warunek wyboru elementu.
Identyfikator używa znaku # (np. #naglowek) i odpowiada atrybutowi id w HTML. Pseudoklasa używa : (np. :link) i nie jest nazwą id, tylko warunkiem/staniem elementu.
Pseudoelement (często z zapisem ::, np. ::before) wybiera część elementu lub wstawioną zawartość. Pseudoklasa (np. :link) wybiera element w określonym stanie lub spełniający warunek.
Tak. :visited jest pseudoklasą, która dotyczy odnośników już odwiedzonych. W praktyce zestawia się ją z :link (nieodwiedzony) oraz z interakcyjnymi stanami jak :hover i :active.
Najczęściej używa się: :link (nieodwiedzony), :visited (odwiedzony), :hover (najechanie kursorem), :active (aktywacja/klik). Razem pozwalają opisać pełne zachowanie linku w UI.
Pseudoklasy opisują stany dynamiczne (np. najechanie, fokus, stan linku), których nie trzeba ręcznie dopisywać w HTML. Dzięki temu arkusz stylów reaguje na zachowanie użytkownika i kontekst bez modyfikowania struktury dokumentu.
Priorytet zależy od specyficzności i kolejności reguł w arkuszu. Jeśli selektory mają podobną specyficzność, zwykle zadziała reguła zapisana później. W praktyce warto trzymać spójną kolejność reguł dla stanów linku.
Częste pomyłki to mylenie :link z klasą (.link), użycie #link zamiast pseudoklasy, albo przypisywanie pseudoelementu (np. ::before) do zjawisk związanych ze stanem. Pomaga zapamiętanie znaczeń znaków: ., #, :, ::.
info

Około 72% zdających odpowiada poprawnie na to pytanie. średnio łatwe

Specjaliści zwracają uwagę: "Zapis a:link to selektor elementu a połączony z pseudoklasą :link, która odnosi się do stanu nieodwiedzonego odnośnika."

Źródła:

  • MDN Web Docs: ":link" (CSS) — https://developer.mozilla.org/en-US/docs/Web/CSS/:link (dostęp: 2026-02-28)
  • MDN Web Docs: "Pseudo-classes" — https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes (dostęp: 2026-02-28)
  • W3C Selectors Level 3: sekcja 6.6.1 "The link pseudo-classes: :link and :visited" — https://www.w3.org/TR/selectors-3/#link (dostęp: 2026-02-28)

Materiały:

  • Dokumentacja MDN: pseudoklasy CSS oraz :link
  • Specyfikacja selektorów CSS (sekcja o pseudoklasach odnośników)
  • Ćwiczenia: tworzenie arkusza stylów dla linków w stanach :link, :visited, :hover, :active

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego