Výše popsaný způsob práce se selektory nám dovoluje mnoho. Existují však některé speciální případy, které je potřeba ošetřit samostatně. Pro tyto účely slouží speciální selektory. Jejich specialita spočívá v tom, že nejsou svázány s žádným konkrétním elementem stránky. Prohlížeč si pouze podle aktuální situace domyslí, na které části stránky je má aplikovat.
Pseudotřídy existují čtyři. Slouží pro nastavení barvy odkazů, navštívených odkazů, aktivovaných odkazů a konečně odkazu, nad kterým je právě kurzor myši:
:link { color: blue } /* nenavštívený odkaz */
:visited { color: navy } /* navštívený odkaz */
:active { color: yellow } /* aktivní odkaz */
:hover { color: red } /* odkaz, nad kterým je kurzor */
Právě pseudotřídu hover můžete použít
k vytvoření populárního interaktivního efektu, kdy se barva textu
s odkazem změní po najetí myší. V naší ukázce například odkaz změní
barvu z modré na červenou.
Pseudotřídy mohou být použity i v kontextových
selektorech. Můžeme proto nastavit vzhled selektorů odlišně pro
jednotlivé elementy. Selektor pak může vypadat třeba jako
h1:hover.
