Sergio Baudilio Pinilla Martinez
En CSS la prioridad de estilos se define por la especificidad.
Orden de mayor a menor prioridad:
- !important
- Estilos en línea (style="")
- ID (#id)
- Clase (.clase), atributos y pseudo-clases
- Elementos (div, p, h1, etc.)
Si un elemento tiene un estilo por ID y otro por clase, se aplicará el del ID porque tiene mayor especificidad.
Ejemplo:
HTML
<p id="titulo" class="texto">Hola</p>CSS
#titulo { color: red; } → Gana.texto { color: blue; }