Bonjour à tous !

Voici le code sur lequel se pose mon interrogation :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
<div class="bloc">
<h2>Titre</h2>
Blabla
</div>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.bloc h2 {
	border-radius: 10px;
 
	color:#231F20;
	width:100%;
	font-size:14px;
	background-color:#C8C7C7;
	text-align:center;
	letter-spacing:2px;
}
 
.bloc h2:hover {
	color:#C8C7C7;
	background-color:#C4122E;
	letter-spacing:4px;
}
Est-il possible de mettre le hover sur .bloc de manière à ce que le h2 change ses caractéristique pas seulement lorsque la souris passe dessus mais aussi lorsqu'on passe sur n'importe quelle zone de la div "bloc" ?...

Merci d'avance !