CSS. Concepto: cascada y herencia CSS significado de usar important CU01017D

[Jack_F]

Concepto: cascada y herencia CSS. Estilos de usuario. Importancia !important. Ejemplos prácticos (CU01017D)

Ejercicio
En el archivo CSS externo a un documento HTML encontramos esta declaración:

Código: [Seleccionar]

.magicTitle {
margin:0px;
width:20px;
height:30px;
color:green !important;
border-style: hidden !important;
}
Por otro lado dentro del código HTML tenemos el siguiente código:

Código: [Seleccionar]

<div class="magicTitle" style="border:1px solid blue; color: blue;">
Aprendiendo a programar
</div>
Responde a las siguientes preguntas:
a) ¿Se mostrará un borde para el div? ¿Por qué?
b) ¿Con qué color se mostrará el texto, con color verde o con color azul? ¿Por qué?
c) ¿Se respetarán los valores de width y height definidos en el archivo CSS externo o quedarán
anulados? ¿Por qué?

Respuestas:
a)No porque se le establecio como oculto.
b)Verde porque en la declaración se establecio !important.
c)los valores de width y height deberan respetarse porque, no se definio el <link rel="stylesheet" href="" />.

Bueno no entendi bien esta parte de casacada.

[pedro,,]

Hola Jorgito.

a)Bien, al usar "!important" damos prioridad a esa propiedad.

b)Bien.

c)Sería, sí, porque no hay ninguna otra regla que prevalezca sobre estas.

Saludos.