Hola!
Llevo bastante tiempo leyendo sobre las prioridades en cuanto a la cascada de CSS.
Estoy haciendo un ejercicio y no hay manera. Mi página tiene un fondo con una imagen y estoy intentando poner una div PA con un título dentro, una imagen (a su vez dentro de otra div) y un párrafo. Quiero ponerle transparencia a toda la div PA menos a la imagen que está dentro de la otra div, pero no puedo. He probado todo..hasta ponerle !important y nada. Alguién sabe en que estoy fallando?
<style type="text/css">
#divPa1 {
left:983px;
top:27px;
width:279px;
height:928px;
z-index:2;
background-color: #FFFFFF;
opacity:0.6
}
#divPa1 div {
opacity:1!important;
}
</style>
</head>
<body background="Imágenes/tokio.jpg">
<div id="divPa1">
<h2>Things To Do</h2>
<div><img src="Imágenes/BCN 1.jpg" width="278" height="181" /></div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus.</p></div>