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. |
|
|