Sintaksa psevdo razreda:
ukaz:psevdo_razred {lastnost: vrednost}
|
Atribut class lahko tudi uporabimo na psevdo razredih:
ukaz.ime_atrbuta_class:psevdo_razred {lastnost: vrednost}
|
Določamo lahko psevdo razrede na ukazu <a>, tako da določimo obliko za vsako spremembo:
a:active {color: red} /* aktivna povezava */
a:visited {color: green} /* obiskana povezava */
a:link {color: blue} /* normalan oblika povezave */
a:hover {color: black} /* ko smo z miško na povezavi */
|
Ta primer nam prikazuje povezavo, ki je normalno modre barve, ko je aktivna, je rdeča, ko gremo z miško preko je črne, ko pa je bila že obiskana, pa je zelene barve.
Kombiniramo lahko oba razreda, enega iz psevo, enega pa iz CSS:
a.red:visited {color: #FF0000}
<a class="red" href="povezava.html">Klikni tule :)</a> |
Če je link že bil obiskan, je prikazan v rdeči barvi.
NN: Netscape, IE: Internet Explorer, W3C: Web Standard
| Psevdo razred | NN | IE | W3C | Opis |
|---|---|---|---|---|
| active | 4.0 | CSS1 | Aktivna povezava. | |
| hover | 4.0 | CSS1 | Ko smo z miško na povezavi. | |
| link | 4.0 | 3.0 | CSS1 | Normalna oblika povezave. |
| visited | 4.0 | 3.0 | CSS1 | Ko je povezava že bila obiskana. |