Concepto cascada y herencia CSS. Estilos de usuario. !important qué es CU01017D

[LuisM]

Hola a todos !! Dejo las respuestas solicitadas en el ejercicio de la clase: CU01017D del curso gratuito de CSS que se ofrece en esta web. Desde ya muchas gracias por la atención.

Un saludo, Luis

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é?

No, porque en la hoja de estilo externa el borde está declarado como hidden(oculto) con la palabra !important "border-style: hidden !important;" y prevalece a cualquier otra declaración sobre el borde.

b) ¿Con qué color se mostrará el texto, con color verde o con color azul? ¿Por qué?

Análogamente a la respuesta a), se mostrará el texto de color verde porque en la hoja de estilo está declarado como !important "color:green !important;" y prevalece sobre la declaracion en el archivo html: "color: blue;"

c) ¿Se respetarán los valores de width y height definidos en el archivo CSS externo o quedarán anulados? ¿Por qué?

Si, se respetarán porque no hay situación de conflicto con otra declaración

[paramonso]

Hola LuisM.

El ejercicio es correcto

Saludos.