CSS

Diseño y Programación
11
junio 2014

Prioridad en declaraciones CSS

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>

Como comodín siempre podemos utilizar el atributo “!important” en cualquier estilo utilizado. Mejor utilizarlo al final de los atributos del estilo simplemente por comodidad.
Tagged with: ,
Shared
No Comments

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *