Ver Mensaje Individual
  #4 (permalink)  
Antiguo 18/08/2009, 13:40
Avatar de goyo_
goyo_
 
Fecha de Ingreso: agosto-2009
Mensajes: 91
Antigüedad: 14 años, 8 meses
Puntos: 1
Respuesta: Elemento Padre

Cita:
Iniciado por jasamestica Ver Mensaje
este es el CSS:

body{font-size:1em;}
p.fuente2{font-size:2em;}
p.parrafoanidado{font-size:2em;}

este es el html:

<p>
El tamaño del texto es de 1em
<p class="fuente2">
El tamaño del texto es de 2em
<p class="parrafoanidado">
Cual es el tamaño de mi fuente
</p>
</p>
</p>
Tu codigo esta repleto de errores y pecados. Estos dos estilos hacen los mismo:
Código:
p.fuente2{font-size:2em;}
p.parrafoanidado{font-size:2em;}
Por lo que puedes combinarlos:
Código:
p.fuente2,
p.parrafoanidado{font-size:2em;}
Segundas, no ocupas especificar que elemento:
Código:
.fuente2,
.parrafoanidado{font-size:2em;}
Terceras, una clase puede ser compartida entre varios elementos, para que crear dos clases que hacen lo mismo?
Código:
.fuente2{font-size:2em;}
El HTML tambien contiene mas errores, pero en fin:
Código:
<style>
p {font-size: 1em;}
.fuente2 {font-size: 2em;}
</style>

<p>
        El tamaño del texto es de 1em
        <span class="fuente2">
                El tamaño del texto es de 2em
                Cual es el tamaño de mi fuente
        </span>
</p>