div first child de otra div

[nicomed]

HOla, tengo este problema. Tengo el siguiente codigo:

Código HTML:

<div class="post">
<div>
bla bla bla
</div>
<p>blA bla bla</p>

<div class="gallery">
codigo....
</div>
</div> 

Lo que quiero hacer mediante css es que la primera div, que no tiene clase se le aplique un estilo, para esto utlizo el codigo: .post div{ }
El problema es que la div class=gallery tambien se ve afectada por este codigo. Lo que trate de hacer es que el estilo se aplique solo a la primera div utilizando la pseudo clase first-child, pero no he podido, la unica solucion que encontre es utilizar la pseudo-clase first-of-type pero en IE no funciona.
No me sirve asignarle un classe a la primera div, aunque eso solucione todo el problema.
Si alguien me puede ayudar le estaria muy agradecido.
Si no se entendio bien lo que quiero por favor pregunten que intentare explicarlo mejor.

Un saludo y Gracias

[daPhyre]

¿Aplicaste el first-child a .post? Creo que eso debería haber servido.

Igual, creo que recordar que first-child no es soportado por IE tampoco... Si no puedes poner una clase a ese div, la única solución sería agregar además un JavaScript que haga este mismo efecto en IE. Suerte

[nicomed]

como seria el codigo de aplicar el first-child a .post, porque creo que me puedo haber equivocado ahi. por otra parte creo que en IE 8 el first-child si esta soportado.

Saludos y gracias

[xcoltx]

bueno normalmente para los navegadores normales, amigables y en constante comunicacion con la W3C, la solucion que buscas sería :

Código:

.post div:first-child{ background-color:#999999; etc...}

Pero como todos sabemos.. microsoft sucks! y el consentido Internet Explorer te va a poner problemas...xD

Hay algunas formas de aplicar soluciones del tipo hack.. ya sea con codigos javascript o con comentarios html del tipo <!-- IF IE6> etc.. pero no los se ocupar si no te los escribiria gustosamente.

Yo cacho que tambien voy a buscar como usar eso xD... Nos vemos

[daPhyre]

xcoltx, me temo que el código que usas es para el primer hijo de cada div dentro de .post, y lo que nicomed desea, es modificar al primer hijo de .post, por lo que debería ser de esta forma:

Código:

.post:first-child{ background-color:#999999; etc...}

[xcoltx]

chuta parece que me enrede mas xD... entonces cual seria el elemento que se le aplique el estilo? .. el <p>?? o el primer <div>??

a todo esto no sabia que estubiera soportado en ie8... ya estaba bueno ya xD

[nicomed]

La idea es que el estilo se aplica al primer div que este dentro de .post.

Gracias por las soluciones, al final lo resolvi por otro lado, modificando un poco el disenio.

Un saludo y de nuevo gracias