Buenas tardes. Este es el enunciado del ejercicio CU01017D del manual de programación web con CSS desde cero:
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é?
RespuestasA.)No. El estilo externo tiene la propiedad border-style acompañada de la palabra clave
!important en su declaración, esto anula la precedencia de origen del estilo en línea. Además, la propiedad border-style tiene el valor
hidden el cual oculta el elemento al usuario.
B.)Se mostrará con color verde. Aunque las propiedades tienen igual nivel de importancia, es la del archivo externo la que precede por tener
!important en su declaración.
C.)Se respetan los valores dado que no se suscita colisión de estilos con el documento HTML.