Los estilos se pueden aplicar sobre toda directiva HTML que tenga representación visual y, para cumplir esos fines, pueda tener atributos de estilo asociados. Hemos visto cómo aplicar un estilo a un selector determinado, por ejemplo:
p {background: blue}
Esto implica que todos los párrafos tendrán fondo azul. Muchas veces no queremos que todos los selectores de un tipo determinado tengan el mismo estilo y esto se puede ajustar mediante la definición de clases a nivel de selector, por ejemplo:
p.resaltado {background: blue}
p.normal {background: yellow}
La solución es simple, se define el selector y se define un nombre especial después del punto (por ejemplo, resaltado). Luego, para utilizar este estilo en el documento HTML se utiliza el atributo class dentro de la etiqueta <P>, por ejemplo:
<p class=resaltado>Esto saldrá en fondo azul.</p>
<p class=normal>Esto saldrá en fondo amarillo.</p>
El esquema de la sintaxis es el siguiente:
selector.nombreclase {propiedad: valor;...propiedad:valor}