Hola, espero estar escribiendo en el foro adecuado.
El apartado b) del ejercicio CU01013D del curso básico de programación con CSS de aprenderaprogramar dice: "Usando CSS establece como color de texto el rojo (red) y tamaño de fuente el 130% respecto de lo normal para los elementos h1 que se encuentren dentro de un elemento cuyo valor class sea <<principal>>."
En este caso, el código css sería (si he entendido bien):
h1.principal {color:red; font-size: 130%;}
pero no se produce ningún cambio. Sin embargo, si pongo sólo:
.principal {color:red; font-size: 130%;}
esto afecta a todo el <div>, como es de esperar.
Si pongo:
.principal h1{color:red; font-size: 130%;}
el h1 se cambia a rojo pero se reduce bastante su tamaño.
¿Qué estoy haciendo mal? Gracias de antemano.
Código HTML:
<!DOCTYPE html>
<html><head><title>ejercicio 13</title>
<meta name="description" content="Portal web aprenderaprogramar.com">
<meta name="keywords" content="aprender, programar, cursos, libros">
<meta charset="utf-8">
<link rel="stylesheet"type="text/css"href="CSS Externo.css">
</head>
<body>
<div class="principal">
<h1>Novedades</h1>
<p>Aquí presentamos las novedades del sitio.</p>
</div>
<div class="secundario">
<h3>Lanzamos el producto <span>X-FASHION</span></h3>
<p>Este producto permite estirar la piel hasta dejarla como la de un bebé.</p>
<p><img src="http://i.imgur.com/tq5Bs.png"
title="Imagen del producto" alt="imagen producto x-fashion" /></p>
</div>
<div class="secundario">
<h3>Mejoramos el producto T-MOTION</h3>
<p>Hemos lanzado una nueva versión del producto <span>T-MOTION</span></p>
<p>
<img src="http://i.imgur.com/SpZyc.png"
title="Imagen del proudcto tmotion" alt="imagen producto tmotion" />
</p>
</div>
</body>
</html>