Foros del Web » Creando para Internet » CSS »

Duda sobre p:first-letter

Estas en el tema de Duda sobre p:first-letter en el foro de CSS en Foros del Web. 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; ...
  #1 (permalink)  
Antiguo 30/09/2007, 19:08
 
Fecha de Ingreso: octubre-2005
Mensajes: 607
Antigüedad: 12 años, 1 mes
Puntos: 7
Pregunta 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?
  #2 (permalink)  
Antiguo 30/09/2007, 19:14
 
Fecha de Ingreso: marzo-2007
Ubicación: Nayarit,Mexico
Mensajes: 87
Antigüedad: 10 años, 8 meses
Puntos: 1
Re: Duda sobre p:first-letter

agrega
.Normal p:first-letter {
font-size: 2em;
}
a
p:first-letter {
font-size: 2em;
}
  #3 (permalink)  
Antiguo 30/09/2007, 20:41
 
Fecha de Ingreso: octubre-2005
Mensajes: 607
Antigüedad: 12 años, 1 mes
Puntos: 7
De acuerdo 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 !!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:38.