Stavy odkazov
Sú 4 a z nich vychádzajú aj selektory:
a:link pred jeho aktivovaním
a:visited keď už bol aspoň raz použitý
a:hover keď je nad ním myš
a:active pri kepnutí na neho
!!! Aby funfovali správne musia byť v tomto poradí!!!
Príklad pre odkazy v css:
a {color: orange; text-decoration: none;}
a:link {color: orange;}
a:visited {color: yellow;}
a:hover {color: fuchsia; font-style: italic; backgroundcolor: white;}
a :active {color: orange;}
! V prvom riadku sme odstránili podčiarknutie odkazov!!!
Ak chceme mať v stránke viac typov odkazov, zadefinujeme základný (príklad hore), a okrem neho vytvoríme novú triedu (aj viac) s naším názvom (tu je názov new), a v stránke ju použijeme kde chceme pomocou class="new". Za každé a dáme bodku a meno triedy.
Takže okrem horeuvedených a ..... bude v css aj:
a.new {color: blue;}
a.new:link {color: blue;}
a.new:visited {color: red;}
a.new:hover {color: black; backgroundcolor: white;}
a:active {color: red;}
a na mieste stránky, kde chcem použiť tento štýl odkazu, bude
<a class="new" href="http://www.pokec.sk/>pokec</a>
t.j. Pred odkaz href dáme class= a meno triedy. Dá sa viackrát.