Właściwości linków

Jedną z rzeczy, które wyróżniają linki (element a) spośród pozostałych znaczników jest to, że maja zestaw tzw. subklas pozwalających poprawić funkcjonalność znanych do tej pory selektorów i stylować je w określonych okolicznościach. Oto ich lista:

• a:link – zwykły, nieodwiedzony link
• a:visited – link odwiedzony
• a:hover – link, nad którym znajduje się kursor myszki
• a:active – link aktywny, czyli kliknięty jako ostatni

Szczególnie przydatna subklasa to :hover dzięki, której można np. podświetlić na jakiś kolor link po najechaniu na niego myszką. Przykładowy kod:

a:link {
    color: black;
}
a:hover {
    color: red;
}

Powyżej znajduje się cały kod potrzebny do osiągnięcia takiego efektu.

Linki prawdopodobnie we wszystkich przeglądarkach standardowo są podkreślone. Jeżeli nie chcemy podkreślenia, wystarczy, że dla selektora a napiszemy deklarację: text-decoration: none;