IceBeat

Cuando queremos hacer referencia de un estilo CSS a un tag determinado hay muchas formas de hacerlo, una de ellas esta en apuntarlo con un id o una class, a simple vista parece lo mismo pero existe una gran diferencia, el id es un identificador unico y solo puede utilizarse en un tag, mientras que las clases se pueden aplicar a todos los tags que queramos.Parece una tonteria pero cuando quieres hacer uso del ancla es algo muy importante.

Normalmente para tener diseños muy manejables se suelen usar muchos class e ids, pero si los usamos mal lo unico que conseguimos es un codigo basura.Lo mejor en estos casos es usar tag semanticos y las anidaciones en el CSS.

Ejemplo: una cabecera tipica

<div id="header">
<h1>Titulo</h1><h2>eslogan</h2>
</div>

En el CSS

div#header {}
div#header h1 {}
div#header h2 {}

Solo usando un identificador ya tenemos el ancla y la guia de inicio para darle estilos a los tag que estan en su interior.Con esto te ahorras bastante codigo html aunque luego el CSS sea mucho mas grande (pero no tanto). A veces no es bueno usar tanto el span cuando seguro que lo podemos sustituir por algo mucho mas semantico y que nos sirva de apoyo para el CSS.