Los cuatros puntos para definir prioridad del estilo de un elemento son:

  • A = ESTILOS DE LINEA
  • B = NÚMERO DE IDs
  • C = NÚMERO DE CLASES
  • D = NÚMERO DE MARCAS HTML
  1. #caja header h1 { color: red; } Puntuación = 0,1,0,2
    A=0 Estilos de línea
    B=1 Id
    C=0 Clases
    D=2 Marcas

  2. #caja .cabecera h1 { color: pink; } Puntuación = 0,1,1,1
    A=0
    B=1
    C=1
    D=1

  3. header h1 { color: white; } Puntuación = 0,0,0,2
    A=0
    B=0
    C=1
    D=0

  4. h1 { color:black; } Puntuación = 0,0,0,1
    A=0
    B=0
    C=0
    D=1

El estilo con mas puntaje es el Nº 2

Cabecera: header