Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: Jack_F en 17 de Enero 2017, 20:02
-
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:
.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:
<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.
-
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. ;D