Cascada

Cuando dos reglas tienen la misma especificidad, se aplica la que aparece en último lugar en el CSS.

p {
  color: red;
}
p {
  color: green;
}
p {
  color: blue;
}

<p>Soy un párrafo.</p>
<p>Soy un párrafo.</p>

Especificidad

La especificidad es la forma en el que el navegador decide qué regla se aplica si diversas reglas tienen selectores diferentes pero podrían aplicarse a un mismo elemento.

p {
  color: red;
}
.first-text {
	color: blue;
}

<p class="first-text">Soy un párrafo.</p>
<p>Soy un párrafo.</p>

Regla de Especificidad