CSS y HTML. Concepto: cascada y herencia, estilos de usuario test CU01017D

[KOFFERO]

Hola amigo!!!!
Aquí dejo el ejercicio CU01017D del tutorial de programación web CSS.

Enunciado:

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 se mostrará ningún borde, ya que en el archivo de estilos css declaramos que el borde se oculte y con la palabra clave "!important" para que anule la declaración en línea que tenia, porque sino tomaria la declaración de esta, porque está más directa al elemento HTML

b- Se mostrará en color verde, porque con la palabra clave !important que declaramos se anula el color que aplicamos en el documento HTML que era azul, por lo tanto la regla con el valor de color verde es la ganadora.

c-  En realidad si se mostraran los valores de width y height, ya que es la única regla que esta declarada para el contenedor ".magicTitle".

Un saludo.

[Alex Rodríguez]

Hola, las respuestas son correctas. Nota: en la respuesta c) indicas que solo hay una regla para el contenedor, pero hay varias reglas.

Saludos