/* Herança e especificidade */

/* O seletor mais específico tem prioridade ao mais genérico */
* {
  margin: 0px;
  color: white;
}

body {
  color: red;
  font-size: 25px;
  /* Border e backgroud não são herdados se aplicarmos no *{ } 
  ai estamos aplicando em todos os tags. */
  border: 1px solid blue;
  background: gray;
}

h2 {
  color: blue;
}

h2.verde {
  color: green;
}

h2#amarelo {
  color: yellow;
}

/* p {
  color: blue !important;  <<== O important prioriza este atributo aos outros iguais mesmo abaixo dele. 
} */
/* Dois seletores iguais sempre vale o ultimo */
p {
  color: red;
}

.pagina {
  background: white;
}