Pseudoklasy służą do nadawania styli różnym znacznikom w zależności od ich stanu, w którym się aktualnie znajdują. Innymi słowy formatowanie zależy od wykonywanych przez użytkownika czynności. Na przykład przy najeżdzaniu kursorem na link zmienia się jego kolor. Pseudoklasy oznacza sie dwukropkiem i dotyczą one różnych znaczników i atrybuyów ujętych w poniższych tabelach.
| link | formatuje odsyłacze |
| visited | formatuje odsyłacze odwiedzone |
| active | formatuje aktywowane znaczniki |
| hover | formatuje odsyłacze wskazane kursorem |
| focus | formatuje odsyłacze (formularze), gdy
są wykonywane i potem gdy są aktywne |
| lang | formatuje atrybut lang |
| first-child | formatuje pierwszy styl pochodny |
Przykłady (efekt - kod w head - kod w body).
| Onet.pl | a {text-decoration:none;color:green}
a:hover {text-decoration:line-through;}
a:focus {color:brown;}
a:visited {color:purple;} | <a href="http://www.onet.pl">Onet.pl</a> |
Pomarańczowy Kliknij na w/w napis | p:active {color:orange;} | <p>Pomarańczowy<p> Kliknij na w/w napis |
do góry menu powrót naprzód
|