Foros del Web » Creando para Internet » CSS »

element .class:first no funciona

Estas en el tema de element .class:first no funciona en el foro de CSS en Foros del Web. Hola gente: Tengo el siguiente código html @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original < div id = "cp-main" >     < div class = ...
  #1 (permalink)  
Antiguo 17/06/2010, 05:50
 
Fecha de Ingreso: junio-2007
Mensajes: 189
Antigüedad: 10 años, 5 meses
Puntos: 3
element .class:first no funciona

Hola gente:

Tengo el siguiente código html

Código HTML:
Ver original
  1. <div id="cp-main">
  2.     <div class="panel">html</div>
  3.     <div class="panel">mas html</div>
  4. </div>

Con el siguiente código css
Código CSS:
Ver original
  1. #cp-main .panel {
  2.     background-color: #111111;
  3. }
  4.  
  5. #cp-main .panel:first {
  6.     min-height: 240px;
  7.     padding-bottom: 5px;
  8. }

Lo que deberia hacer es aplicarle el height y el padding solo al primer panel no? Pero lo que de verdad hace es, simplemente no aplicarlo a ningun panel, ni al primero ni a ninguno.

Si le saco el :first me lo aplica a todos los panel por debajo de #cp-main

ALguna idea de por que no funciona?

Gracias

P.D E probado tanto con :first como con :first-child
  #2 (permalink)  
Antiguo 17/06/2010, 05:54
 
Fecha de Ingreso: junio-2007
Mensajes: 189
Antigüedad: 10 años, 5 meses
Puntos: 3
Respuesta: element .class:first no funciona

Vale resuelto

Hay que usar :first-of-type y no :first-child

Etiquetas: element
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 08:16.