Diferentes estilos para una misma etiqueta

[webosiris]

Iniciado por 4589

<figure> y <figure class="f1"> semánticamente significan lo mismo, no?

si, el significado semántico lo da el tipo de elemento, no las clases que tenga... eso a nivel general, luego las clases si empiezan a tener importancia si se aplican "capas extra" de semántica, como los microformatos.

Que sean más o menos descriptivos los nombres de las clases mientras yo los entienda da igual, no?

si... pero de todas formas creo yo es una buena práctica. Ojo que cuando decimos "nombres descriptivos" nos referimos a que sean descriptivos de su función, no de su apariencia. Por ejemplo, si quieres darle un estilo a un párrafo concreto, el siguiente ejemplo es un MAL ejemplo de nombre:

Código HTML:

<p class="verde">soy un párrafo destacado</p>
 

Código CSS:

.verde{color:green;}
 

porqué es un mal ejemplo? Porque si luego decides que los párrafos destacados no los quieres verdes, los quieres amarillos, te queda de una forma bastante incoherente:

Código CSS:

.verde{color:yellow}
 

Por eso sería mucho mejor por ejemplo este otro caso:

Código HTML:

<p class="destacado">soy un párrafo destacado</p>
 

Código CSS:

.destacado{color:green;}