afectar padre pero no children?

[johannes13]

por ejemplo si tengo

Código HTML:

<article>
     <div>TEXTO 1</div>
</article> 

<article> tiene una imagen puesta desde css
<div> tiene texto

lo que quiero hacer es que al estar en "article" le de opacity a la imagen pero sin afectar a las letras que estan en el "div" se que por logica todo lo que afecta al padre el hijo lo hereda, pero no se capaz hay alguna forma, en si lo que estoy tratando de imitar es el efecto de la siguiente pagina.


http://www.hellolove.tv/

al hacer hover en la imagen esta se vuelve negra pero el texto no.

gracias por la ayuda que me puedan brindar

[pzin]

No se puede hacer. opacity se hereda hagas lo que hagas.

En esa página si que usan la opacidad, pero en un elemento que está superpuesto a lo demás, no es su contenedor como haces tú. Así que no se hereda.

Simplemente mirando el código fuente o inspeccionando los elementos puedes ver cómo está hecho.

[johannes13]

lo sabia :( ,si vi el codigo, y lo hice con esa idea como me dices y me ha salido pero queria hacerlo mas limpio el codigo , pero si tienes razón, eso de heredar era una cosilla que se me daba, intente con parent. children. pero naa, gracias por la respuesta. (Y)