streda 4. septembra 2013

Formátovanie webových odkazov pomocou CSS pseudo-tried (web)

CCS ponúka pseudo-triedy :hover, :visited, a :link na formátovanie odkazov. Tieto triedy vám umožňujú nastaviť štýl formátovania odkazu počas jeho troch etáp.

Pomocou pseudo-triedy :link nastavíte, ako bude vyzerať odkaz predtým, ako naň používateľ klikne a aktivuje ho. Použite :hover na naštýlovanie odkazu, keď sa kurzor myši pohybuje nad ním. Nakoniec použite :visited na naštýlovanie odkazu potom, ako ho používateľ navštívi. Obvykle budete používať všetky tri triedy v tandeme, napríklad takto:

a {border:solid}
a:visited {border-color:blue;}
a:link {border-color:blue;}
a:hover {border-color:red;}

V prípade prehliadačov Internet Explorer nebude pseudo-trieda :hover fungovať, ak nenasleduje až za triedou :visited. Je vhodné umiestniť pseudo-triedu :hover na konci, aby ste dosiahli maximálnu kompatibilitu pre rôzne webové prehliadače.