¿Qué es un selector CSS?

Un selector CSS es un conjunto de reglas por las que podemos dar estilo a cualquier elemento de nuestro HTML.

¿Para qué sirve?

Nos permitirá dar clase a cualquier elemento HTML, teniendo así un montón de opciones para personalizar dicho elemento, ya que CSS es muy flexible.

Ejemplo

Se puede ver un ejemplo sencillo en el salto de la página. Clickar en “Leer más”.

<strong>//HTML
</strong><p class="verde">Texto en verde</p>
<p>Texto normal</p>
<p class="verde">Texto verde y 
<span class="naranja">naranja</span></p>
<p class="naranja">Texto naranja y 
<span class="verde">verde</span></p>

Ahora tenemos que definir la clase “verde” en CSS:

.verde {
	color: green;
}

Esto nos mostrará el color de la letra de color verde a todos los elementos, si solo queremos que nos lo muestre al párrafo, habrá que modificar el código, y ponerlo así:

p.rojo {
	color:red;
}

Y listo, ya tenemos nuestro sencillo selector creado.

Vía | Anieto2k