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
|