Puntuaciones de los estilos CSS:

  1. Se aplica el estilo a 1 clase y 1 elemento: puntuación 0011.
  2. Se aplica el estilo a 1 id y 1 elemento: puntuación 0101.
  3. Se aplica el estilo a 2 elementos: puntuación 0002.
  4. Se aplica el estilo a 1 id, 1 clase y 1 elemento: puntuación 0111.
  5. Se aplica 1 estilo inline: puntuación 1000.

La 1ª línea define el color de texto como azul. La 2ª línea tiene más prioridad, y cambia el color a rojo, además de poner el fondo en gris. La 3ª línea cambia el color de fondo, pero tiene menos prioridad, y no se aplica. La 4ª cambia el color del texto, y tiene más prioridad que las anteriores. Por último, el estilo inline tiene más prioridad que los anteriores, y cambia el color de texto a magenta.

Cabecera: header