Editando Selector CSS (sección)

=== Selector CSS de clase '.' ===

El «Selector de clase» se conforma en CSS anteponiendo un punto '.' al valor que tenga el atributo 'class' del elemento en el html.

Así, el selector <code>.miclase</code> apuntará a todos los elementos del documento al que afecte la hoja de estilos que tengan declarado <code>class="miclase"</code>.

El atributo 'class' admite valores múltiples separados por un espacio en blanco. Así que se puede conformar un selector de clase con un solo valor de clase o múltiples.

Si queremos seleccionar un elemento que tiene dos clases en su atributo <code>class="una_clase otra_clase"</code> el selector se conforma con ambos valores (precedidos de su punto '.') sin espacio en blanco de separación entre ambos:

<pre data-language='css'>
&lt;!-- En el html -->
&lt;p class="una_clase">...&lt;/p>
&lt;p class="una_clase otra_clase">...&lt;/p>

/* En el CSS */
.una_clase {} /* Aplica por igual a los 2 'p' anteriores */
.una_clase.otra_clase {} /* Sólo aplica al segundo 'p' */
</pre>

En este último código de ejemplo en caso de colisión de estilos prevalece la segunda regla con independencia del orden por ser más específica