¿Que es Especificidad?

Término que determina como de específicos debemos ser para que las reglas de estilo CSS que hemos definido se apliquen correctamente a los elementos del documento, por lo que cuantos más elementos y más complejo sea nuestro documento web, más reglas de especificidad deberemos especificar.

Ejemplos: span { color: blue; } todos los elementos span tienen color azul span { color: green; } esto provoca que la anterior regla sobreescriba a la anterior. span.cabecera { color: green; } si substituimos la anterior regla por ésta, los elementos span con clase cabeecera serán los de color verde y el resto de elementos span serán azules.