Autor Tema: Aplicar CSS a elementos dentro de otros elementos anidamiento de regla CU01013D (Leído 3226 veces)

hymsoft · « **en:** 12 de Agosto 2016, 03:01 »

Buenas buenas!!!!! Dejo mi ejercicio CU01013D del curso de formación en desarrollo web con CSS desde cero.

Como siempre buenas noches y mucha birra!!!!

CU01013D.html

Código: [Seleccionar]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title>Portal web - aprenderaprogramar.com</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="CU01013D.css">
  </head>
  
  <body>
    <div class="principal">
      <h1>Novedades</h1>
      <p>Aquí presentamos las novedades del sitio.</p>
    </div>
    <div class="secundario">
      <h3>Lanzamos el producto X-FASHION</h3>
      <p>Este producto permite estirar la piel hasta dejarla como la de un bebé.</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 versió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>

CU01013D.css

Código: [Seleccionar]

/* Hoja de estilos para el ejercicio CU01013D, entrega numero 13
del curso CSS desde 0 de aprenderaprogramar.com */

html{
  font-family: Arial;
}

.principal h1{
  color: red;font-size: 130%;
}

.secundario h3{
  color:green;font-size: 110%;
}

.secundario span{
  background-color: yellow;
}

Alex Rodríguez · « **Respuesta #1 en:** 19 de Agosto 2016, 10:31 »

Hola en general bien con un detalle en el apartado d) a corregir.

No tienes el código del ejercicio bien copiado, hay una línea donde debe aparecer <h3>Lanzamos el producto <span>X-FASHION</span></h3>

El ejercicio pide:

d) Usando CSS establece como color de fondo el amarillo (yellow) para los elementos span que se encuentren dentro de elementos h3 que se encuentren dentro de elementos cuyo atributo class sea <<secundario>>.

Y esto se correspondería con la regla CSS siguiente:

.secundario h3 span{
background-color: yellow;
}

Saludos

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: