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