Chcesz, aby wszystkie linki (<a>) na stronie, które nie były jeszcze odwiedzone, miały kolor czerwony, a te już odwiedzone – kolor fioletowy. Który zestaw reguł CSS to osiągnie?
Chcesz, aby wszystkie linki (<a>) na stronie, które nie były jeszcze odwiedzone, miały kolor czerwony, a te już odwiedzone – kolor fioletowy. Który zestaw reguł CSS to osiągnie?
a:default { color: red; } a:history { color: purple; }a { color: red; } a:visited { color: purple; }a:link { color: red; } a:visited { color: purple; }a.unvisited { color: red; } a.visited-link { color: purple; }Wyjaśnienie i uzasadnienie dydaktyczne
Poprawna odpowiedź: C (a:link { color: red; } a:visited { color: purple; })
Pseudoklasa :link odnosi się do linków, które nie zostały jeszcze odwiedzone przez użytkownika. Pseudoklasa :visited odnosi się do linków, które użytkownik już odwiedził. Ustawienie dla nich odpowiednio właściwości color na red i purple osiągnie zamierzony efekt.
Dlaczego pozostałe opcje są nieprawidłowe?
- A:
:defaulti:historynie są standardowymi pseudoklasami CSS dla stanów linków. - B:
a { color: red; }ustawi wszystkie linki na czerwono, a następniea:visited { color: purple; }nadpisze kolor dla odwiedzonych. Chociaż to zadziała, użycie:linkjest bardziej precyzyjne dla nieodwiedzonych linków i jest standardową praktyką w tzw. sekwencji LVHA (:link, :visited, :hover, :active). - D: To podejście wymagałoby ręcznego dodawania klas do linków, co nie jest standardowym sposobem stylizowania stanów linków; pseudoklasy są do tego przeznaczone.
Chcesz poćwiczyć całą kwalifikację INF.03?
Egzamin próbny na czas, nauka działami, losowe pytanie albo przegląd całej bazy — wszystko w przeglądarce i bez zakładania konta.
Pojęcia z tego pytania
- Pseudoklasy i Pseudoelementy CSS (:hover, ::before)Słowa kluczowe dodawane do selektorów definiujące stan elementu (:hover, :focus) lub pozwalające stylować specyficzne wirtualne fragmenty (::before, ::after).
- Ograniczenia integralnościowe (Constraints)Reguły nakładane na kolumny tabeli w celu wymuszenia poprawności, unikalności i kompletności wprowadzanych danych.
- Obiekty globalne window i document (BOM i DOM)Główne obiekty środowiska przeglądarki reprezentujące okno przeglądarki (window) oraz załadowaną w nim strukturę strony HTML (document).
Podobne pytania z działu „Css rwd efekty i animacje”
Ten sam obszar materiału z kwalifikacji INF.03. W całej bazie znajdziesz 99 pytań z tego działu.
- #11
Edytor spełniający założenia WYSIWYG musi umożliwiać
- #12
Do graficznego tworzenia stron internetowych należy wykorzystać.
- #51
Wskaż sposób, w jaki należy odwołać się do pliku default.css, jeśli index.html znajduje się bezpośrednio w katalogu Strona?
- #52
Wskaż stwierdzenie, które jest prawdziwe dla następującej definicji stylu:
- #92
Które polecenie w CSS służy do załączenia zewnętrznego arkusza stylów?