ID og class
I de foregående eksempler har vi set på, hvordan man definerer CSS for HTML elementer (h1, p). Ud over det kan man specificere sine egene selektorer - ID og klasser
Klasse selektoren
Klasse selektoren bruges til at definere layout for en gruppe af elementer. Klasse selektoren bruges normalt på mange elementer.
Klasse selektoren giver dig mulighed for at sætte det samme layout på mange forskellige HTML elementer med samme klasse.
Klasse defineres ved brug af et "."
.center { text-align: center; }
Du kan også specificere at kun specifikke HTML elementer skal være påvirket af en klasse
p.center { text-align: center; }
Vil kun påvirke HTML tagget p.
(Du skal ikke starte et klasse navn med et tal - det er ikke understøttet i Internet Explorer).
ID selektoren
ID selektoren bruges til at definere layoutet for et enkelt unikt element. ID selektoren bruger id attributten af et HTML element og defineres med et "#" i CSS.
Nedenstående regel vil styre layoutet af HTML elementet med id="para1"
#para1 { text-align: center; color: red;}
(Du skal heller ikke starte et ID navn med et tal).