Hola Sergio, dado que eres nuevo en los foros te indico algunas cuestiones de interés:
- Para poner título a los temas debes tener en cuenta lo que se indica en
https://www.aprenderaprogramar.com/foros/index.php?topic=1460.0- En el caso de ejercicios, incluye siempre la referencia del ejercicio, por ejemplo en este caso CU01013D
- Para adjuntar código en los foros sigue las indicaciones que se dan en
https://www.aprenderaprogramar.com/foros/index.php?topic=1460.0- Si el código no es demasiado largo, preferiblemente pégalo directamente usando [ code] ... [ / code] en vez de ponerlo como archivos adjuntos
Ahora sobre el código que has creado te indico lo siguiente:
a) Los nombres de archivo es preferible que no contengan espacios, por ello es preferible ejercicio_concepto_herencia.html que ejercicio concepto herencia.html y también estilos_concepto_herencia.css en lugar de estilos concepto herencia.css
b) h1.principal {color:red; font-size:130%;} significa que los elementos h1 cuya clase sea "principal" deben aplicar este estilo. Pero lo que pide el ejercicio es establecer como color de texto el rojo (red) y tamaño de fuente el 130% respecto de lo normal que para los elementos h1 que se encuentren dentro de un elemento cuyo valor class sea <<principal>>. Esto se escribe así: principal h1 {color:red; font-size:130%;}
Fíjate que el orden es importante, si no pones bien el orden no obtendrás los resultados deseados.
c) En esta regla además de estar mal el orden h3.secundario{color:verde; font-size:110%;} aparece como color verde, ese no es un color válido css. Corrigiendo lo indicado quedaría .secundario h3{color:green; font-size:110%;}
d) La última regla que has escrito también la tienes que corregir y quedaría .secundario h3 span{background-color:yellow;}
El código HTML quedaría igual y el código CSS quedaría así:
/*Estilos CSS - concepto herencia*/
body {font-family: Arial, sans-serif;}
.principal h1{color:red; font-size:130%;}
.secundario h3{color:green; font-size:110%;}
.secundario h3 span{background-color:yellow;}
Aquí puedes leer algunas explicaciones adicionales:
www.aprenderaprogramar.com/foros/index.php?topic=1478Saludos!
Tema: Curso CSS desde cero ejercicio CU01013D encadenar varios selectores y herencia (Leído 3253 veces)
RSS -
WAP2