A veces varias declaraciones de estilo se contradicen entre ellas, así que las hojas de estilo tienen su propio orden de prioridad para resolver este problema. Hojas de Estilo en Cascada (Cascading Style Sheets)

1. en la etiqueta: Directamente escrito en la etiqueta  Html.
2. con un ID ‘#’
3. con una clase ‘.’
4. de manera genérica

p {color: black;}
#rojo {color: red; }
.azul {color: blue;}

 ej: <p id=”rojo” class=”azul” style=”amarillo“>Texto finalmente amarillo</p>

De esta forma si tenemos una etiqueta con un estilo fijado para su ID este prevalece por encima de  una etiqueta interior que tiene una clase con un estilo difirente.

p {color: black;}
p#rojo {color: red; }
div.azul {color: blue;}

 ej:<p id=”rojo“><div class=”azul“>Texto finalmente rojo</div></p>

Habria que definirlo de otra manera.

p {color: black;}
p#rojo {color: red; }
p#rojo div.azul {color: blue;}

 ej: <p id=”rojo“><div class=”azul“>Texto finalmente azul</div></p>