Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: hymsoft en 12 de Agosto 2016, 03:01

Título: Aplicar CSS a elementos dentro de otros elementos anidamiento de regla CU01013D
Publicado por: 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>Aquí 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 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>

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;
}
Título: Re:Aplicar CSS a elementos dentro de otros elementos anidamiento de regla CU01013D
Publicado por: Alex Rodríguez 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