KWALIFIKACJA INF3 - CZERWIEC 2016

PYTANIE NR 7.
W języku CSS zapis

a[target="_blank"] {color: yellow;}

sprawi, że kolor żółty przyjmie czcionka
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Selektor
a[target="_blank"]
wskazuje wyłącznie elementy <a>, które mają atrybut target o wartości _blank. Dla takich odnośników zostanie zastosowana deklaracja
color: yellow;
, więc ich tekst (czcionka) przyjmie kolor żółty.

Pełne wyjaśnienie:

W zapisie CSS a[target="_blank"] { color: yellow; } występują dwa elementy selektora:

  • a – selektor typu, czyli wybiera elementy <a> (odnośniki).
  • [target="_blank"] – selektor atrybutu, który zawęża wybór tylko do tych elementów <a>, które mają atrybut target ustawiony dokładnie na wartość _blank.

W praktyce taki atrybut jest typowo używany, gdy odnośnik ma otworzyć się w nowej karcie albo nowym oknie przeglądarki. Zatem właściwość color zmieni kolor tekstu tylko dla tej grupy linków.

Dlaczego pozostałe odpowiedzi są niepoprawne?

  • "każdego odnośnika." – byłoby prawdą dla selektora
    a { color: yellow; }
    , ale tutaj dodano warunek na atrybut target, więc nie wszystkie linki zostaną objęte regułą.
  • "tekstu paragrafu." – paragrafy to elementy <p>, a selektor nie odwołuje się do <p> ani do klasy/identyfikatora paragrafu, więc nie dotyczy tekstu akapitu.
  • "odnośników, które otwierają się w tej samej karcie." – link otwierany w tej samej karcie zwykle nie ma target="_blank"; reguła dotyczy tylko linków spełniających warunek _blank.

Wskazówka egzaminacyjna: zawsze czytaj selektor od lewej do prawej i sprawdź, czy występuje dodatkowy warunek (np. atrybut w nawiasach kwadratowych). To najczęstsze miejsce pomyłek przy pytaniach o dopasowanie elementów.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Selektor atrybutu wybiera elementy na podstawie tego, czy mają dany atrybut i (opcjonalnie) jaką ma wartość, np. a[target="_blank"]. Dzięki temu można stylować tylko część elementów spełniających warunek.
To połączenie selektora typu a i warunku na atrybut. Reguła dotyczy wyłącznie tych elementów <a>, które mają atrybut target ustawiony dokładnie na _blank.
Bo nie każdy odnośnik ma atrybut target, a nawet jeśli ma, może mieć inną wartość niż _blank. Selektor atrybutu zawęża dopasowanie tylko do linków spełniających wskazany warunek.
Właściwość color ustawia kolor tekstu (czcionki) wewnątrz elementu, np. treści odnośnika. Nie zmienia tła (od tego jest background-color) ani obramowania.
Zwykle oznacza otwarcie w nowej karcie lub nowym oknie, ale szczegóły zależą od przeglądarki i ustawień użytkownika. Na potrzeby selektora CSS istotne jest to, że wybierasz elementy z takim atrybutem, niezależnie od implementacji.
Najczęściej nie mają one target="_blank". Możesz stylować wszystkie linki a, a linki z target="_blank" nadpisać osobną regułą, albo użyć klas (np. .external) zamiast polegać na braku atrybutu.
a[target] wybiera wszystkie linki, które mają atrybut target (dowolna wartość). a[target="_blank"] wybiera tylko te, których wartość jest dokładnie równa _blank.
Najczęściej pomija się warunek w [...] i traktuje regułę jak zwykłe a { ... }. Drugi błąd to mylenie elementów: przypisanie stylu do <p> lub do całej strony, mimo że selektor wskazuje konkretne <a>.
W HTML atrybut może być zapisany w cudzysłowie lub apostrofach, ale wartość logicznie pozostaje taka sama. W CSS porównujesz wartość tekstową, więc kluczowe jest, aby była to dokładnie _blank, a nie np. blank.
Ćwicz dopasowanie selektorów do fragmentów HTML: typ, klasa, identyfikator i atrybuty. Twórz krótkie przykłady (np. linki z różnym target) i sprawdzaj w narzędziach deweloperskich, które elementy faktycznie łapią się na regułę.
info

Około 57% zdających odpowiada poprawnie na to pytanie. średnie

Według specjalistów z branży: "Selektor a[target=&quot;_blank&quot;] wskazuje wyłącznie elementy &lt;a&gt;, które mają atrybut target o wartości _blank."

Źródła:

  • MDN Web Docs: Attribute selectors (CSS) – https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors (dostęp: 2026-02-27)
  • MDN Web Docs: color (CSS) – https://developer.mozilla.org/en-US/docs/Web/CSS/color (dostęp: 2026-02-27)
  • W3C Working Draft: Selectors Level 4 – rozdział o selektorach atrybutów – https://www.w3.org/TR/selectors-4/#attribute-selectors (dostęp: 2026-02-27)

Materiały:

  • Dokumentacja MDN o selektorach atrybutów w CSS
  • Dokumentacja MDN o właściwości CSS color
  • Specyfikacja selektorów CSS (Selectors Level 4) – rozdział o selektorach atrybutów

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego