Hvis du har flere forskellige indstillinger du gerne vil kunne skifte imellem, så kan du bruge klasser. Hvis du nu f.eks. vil kunne lave to slags fed tekst. En som er rød og en som er blå. Et stylesheet med to forskellige slags fed skrift, kunne se ud som følger:
<STYLE TYPE="text/css">
B.type1 {
color: #FF0000;
}
B.type2 {
color: #0000FF;
}
</STYLE>
Vi har lavet to typer kaldet "type1" og "type2". Hvis du vil lave en fed skrift, der bruger indstillingerne fra type1, skal du skrive CLASS="type1" indeni dit <B> tag. Alle tags har et CLASS felt, som du kan bruge, hvis du har behov for det. Lad os prøve at se et helt dokument, som anvender stylesheetet ovenfor:
<HTML>
<HEAD>
<TITLE>Leg med klasser</TITLE>
<STYLE TYPE="text/css">
B.type1 {
color: #FF0000;
}
B.type2 {
color: #0000FF;
}
</STYLE>
</HEAD>
<BODY>
<B CLASS="type1">Dette er fed skrift type 1</B><BR>
<B CLASS="type2">Dette er fed skrift type 2</B><BR>
</BODY>
</HTML>
Resultatet af det vil være:
