Cita:
Iniciado por jasamestica 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?
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>