Clases en CSS

Bueno, hemos vuelto a colorear la sinopsis, pero a qué precio. La solución con etiquetas adicionales para estilizar no es la mejor. ¡Es mucho más conveniente utilizar "clases"!

Una clase es sólo uno de los atributos de las etiquetas HTML, por ejemplo:

<p class="important">...</p>
<p class="help">...</p>

En CSS, sólo se pueden establecer estilos para elementos con una clase específica. Para ello se utiliza un selector de clase, que se escribe como .nombre-clase, por ejemplo:

.important { color: red; } - selecciona todas las etiquetas con clase "important"
.help { color: green; }    - seleccionará todas las etiquetas con clase "help"

Para dar diferentes colores a los párrafos, puede añadirles diferentes clases y luego utilizar selectores de clase.