Pseudo-klase (Pseudo-classes)

Dodatak 14


Pseudo-klasa Objašnjenje Primjer (KOD) Primjer (Izgled)
:active Dodaje specijalni stil aktivnom elementu.

a:active{
color: red;
}

Link

:focus **

Dodaje specijalni stil elementu dok je u fokusu. a:focus{
color: red;
}
Link
:hover Dodaje specijalni stil elementu iznad kojeg je pokazivac misa. a:hover{
color: red;
}
Link
:link Dodaje specijalni neposjecenom linku. a:link{
color: red;
}
Link
:visited Dodaje specijalni stil posjećenom linku. a:visited{
color: green;
}
Link
:first-child ** Dodaje specijalni stil prvom podelementu elementu nekog elementa. .child p:first-child {
color: red;
}

Tekst

Tekst

:lang **

Dozvoljava autoru da definiše ponašanje elementa u zavisnosti od jezika. q:lang(no) {
quotes: "~" "~";
}
Tekst

*Vrijednosti ispisane kurzivom se odnose na vrijdnosti koje su definisane svojstvom istog imena (npr. u svojstvu font vrijednost font-weight je zapravo grupa vrijednosti definisanih svojstvom font-weight (npr. bolder)).
** Svojstvo nije podržano od strane Internet Explorera.