Pseudoklasy.


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.

linkformatuje odsyłacze
visitedformatuje odsyłacze odwiedzone
activeformatuje aktywowane znaczniki
hoverformatuje odsyłacze wskazane kursorem
focusformatuje odsyłacze (formularze), gdy
są wykonywane i potem gdy są aktywne
langformatuje atrybut lang
first-childformatuje 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