Jak ustawić w CSS, by link NIEodwiedzony był żółty, a odwiedzony - zielony?
Dobrze.
a:link = nieodwiedzony, a:visited = odwiedzony.Źle.
:hover dotyczy najechania, nie stanu nieodwiedzonego.Źle. Kolory zamienione.
Źle.
:hover to najechanie, a .link to klasa.Stan odnośnika opisują pseudoklasy:
a:link dotyczy linku jeszcze NIEodwiedzonego, a a:visited już odwiedzonego. Aby pierwszy był żółty, a drugi zielony, przypisuje się oba kolory osobno: a:link { color: yellow; } a:visited { color: green; }. Warto trzymać kolejność LVHA (link, visited, hover, active), bo przy nakładających się regułach decyduje ona o pierwszeństwie. Dlatego poprawny jest ten zestaw.Pozostałe zapisy nie spełniają warunku.
a:hover opisuje wygląd linku POD kursorem, a nie stan odwiedzenia, więc warianty z a:hover nie pasują. a.link to selektor klasy o nazwie „link”, a nie pseudoklasa stanu. Wariant zamieniający kolory miejscami odwraca wymaganie. Nieodwiedzony ustawia a:link { color: yellow; }, a odwiedzony a:visited { color: green; }.