Exclusion de style dans une classe imbriquée [Résolu]

[guillaumeabxl]

Bonjour,

Je voudrais savoir comment faire une "exclusion de style".
Dans l'exemple ci dessous je ne veux pas que la classe "back" soit affecté par l'opacité de la class "big".

CSS

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
.big {
	float: left;
	width: 454px;
	z-index: 0;
}
.big img {
opacity:0.7;
}
.big img:hover {
opacity: 1;
}
.back {
	float: right;
	width: 448px;
	position: absolute;
	text-align:right;
	z-index: 4;
}
.back a:hover img {
	opacity:0.5;
}

HTML

Code :

<div class="big"><div class="back"><a href="#"><img src="img" /></a></div><a href="#02"><img src="img"/></a></div>

Merci pour vos réponses,

[e-fitz]

Bonjour,

l'opacité est sur le parent donc l'enfant la possède aussi.

Il faudrait tricher pour que l'enfant ne soit pas dans le pere (big)

[guillaumeabxl]

merci Fitz, je vais voir comment faire pour tricher.