Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   Duda sobre p:first-letter (http://www.forosdelweb.com/f53/duda-sobre-p-first-letter-522778/)

gmansi 30/09/2007 18:08
Duda sobre p:first-letter
 
Hola a todos, si tengo definido un estilo tal como muestro:

Código:
.Normal {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 18px;
        background-color: #ffffff;
        color: #000000;
        font-weight: normal;
        font-style: italic;
        line-height: 150%;
        text-indent: 30px;
        text-align: justify;
        margin-right: 50px;
        margin-left: 50px;
}
y además quiero que la primer letra de cada párrafo del tipo Normal tenga un tamaño de letra del doble, o sea deseo usar:

Código:
p:first-letter {
  font-size: 2em;
}
Lo que no se es como asignar las dos cosas juntas directamente desde la hoja CSS...

si hago algo como:

Código:
.Normal {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 18px;
        background-color: #ffffff;
        color: #000000;
        font-weight: normal;
        font-style: italic;
        line-height: 150%;
        text-indent: 30px;
        text-align: justify;
        margin-right: 50px;
        margin-left: 50px;
}
p:first-letter {
  font-size: 2em;
}
No me respeta lo de la primer letra en doble de tamaño y si invierto los dos segmentos separados con {} no me respeta el resto de los formatos...

Debe ser que deben ir anidadas las declaraciones? O no se pueden declarar todas estas propiedades juntas?

Tycroz 30/09/2007 18:14
Re: Duda sobre p:first-letter
 
agrega
.Normal p:first-letter {
font-size: 2em;
}
a
p:first-letter {
font-size: 2em;
}

gmansi 30/09/2007 19:41
Re: Duda sobre p:first-letter
 
Si señor !!!

Correcta tu solución, queda funcionando así:

Código:
.Normal {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 18px;
        background-color: #ffffff;
        color: #000000;
        font-weight: normal;
        font-style: italic;
        line-height: 150%;
        text-indent: 30px;
        text-align: justify;
        margin-right: 50px;
        margin-left: 50px;
}

.Normal p:first-letter {
  font-size: 2em;
}
Lo que yo no sabía era si se podía declarar todo dentro de un solo .Normal o si había que hacer dos entradas independientes.

Muchas gracias !!


La zona horaria es GMT -6. Ahora son las 01:44.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.