Bienvenido a Platzi

Comentario de la clase:
Selectores y Especificidad
Sergio Baudilio Pinilla Martinez

Sergio Baudilio Pinilla Martinez

student
hace 2 meses

En CSS la prioridad de estilos se define por la especificidad.

Orden de mayor a menor prioridad:

  1. !important
  2. Estilos en línea (style="")
  3. ID (#id)
  4. Clase (.clase), atributos y pseudo-clases
  5. 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; }

No hay respuestas
Curso de CSS

Curso de CSS

Domina CSS para transformar ideas en interfaces modernas, legibles, responsivas y escalables con Flexbox y Grid. Aplica tipografía, color y variables para un diseño visual consistente, y organiza tu código con buenas prácticas que te preparan para construir proyectos web profesionales en la industria.

Curso de CSS
Curso de CSS

Curso de CSS

Domina CSS para transformar ideas en interfaces modernas, legibles, responsivas y escalables con Flexbox y Grid. Aplica tipografía, color y variables para un diseño visual consistente, y organiza tu código con buenas prácticas que te preparan para construir proyectos web profesionales en la industria.