Ál-osztályok

Az ál-osztályokkal néhány elemhez speciális effektusokat rendelhetünk.

Az ál-osztályok szintaxisa

szelektor:ál-osztály {beállítás:érték;} 

De használható így is:

szelektor.osztály:álosztály {beállítás:érték;}

Példa

a:link {color:#FF0000;}      /* még nem látogatott linkek */
a:visited {color:#00FF00;}  /* látogatott linkek */
a:hover {color:#FF00FF;}  /* ha az egér felé megy */
a:active {color:#0000FF;}  /* aktuális linkek */

• Megjegyzés
  • Az a:hover az a:link és az a:visited után kell következzen a CSS definícióban!
  • Az a:active az a:hover után kell következzen.
  • Az állosztályok nem kisbetű-nagybetű érzékenyek

Az összes ál-osztály

Szelektor	Példa	A példa leírása
:link	a:link	Meg nem látogatott linkek.
:visited	a:visited	Látogatott linkek.
:active	a:active	Aktív linkek.
:hover	a:hover	link amely felett az egér tartózkodik.
:focus	input:focus	Az input elem, ha fókuszba került.
:first-letter	p:first-letter	A p elem első betűje.
:first-line	p:first-line	A p elem első sora.
:first-child	p:first-child	A p elem közül az, amely a szülő első eleme.
:before	p:before	Minden p elem elé tartalmat szúr be.
:after	p:after	Minden p elem után tartalmat szúr be.
:lang(nyelv)	p:lang(hu)	Minden p elem a lang tulajdonsággal  és hu értékkel lesz beállítva.