¿Qué selector CSS tiene la mayor especificidad?
Opciones
div p.card .title#header(Opción correcta)p
Respuesta
#header
Por qué
Cuando varias reglas CSS apuntan al mismo elemento, gana el selector más específico. Orden: estilos inline > IDs > clases, atributos y pseudoclases > nombres de elemento.
#header (un ID) gana a .card .title (dos clases), que gana a div p (dos elementos).
Si la especificidad es igual, gana la regla escrita al final. Evita !important.
Recuerda
ID > clase > elemento.