Bonjour,

Je souhaiterais sélcetionner un élément sur deux.

Pour cela, j'ai essayé

Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
 
.accordeon > h4{
    background-color: #f69d93;
}
 
.accordeon > h4:nth-child(2n){
    background-color: #d47b7b !important;
 
}

Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
.accordeon > h4:nth-child(odd){
    background-color: #f69d93;
}
 
.accordeon > h4:nth-child(even){
    background-color: #d47b7b !important;
 
}
et vu que ceci ne fonctionnait non plus pas
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
 
.accordeon > h4:nth-child(2n){
    background-color: #d47b7b !important;
 
}
je me demande si la cause n'est pas mon HTML que voici.
Est-ce que cela serait parce que le h4 "ne se suivent pas" ?

Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
 
<div class="accordeon">
<h4>Titre 1</h4>
<div class="panel" style="display: none;"></div>
<h4>Titre 2</h4>
<div class="panel"></div>
<h4>Titre 3</h4>
<div class="panel" style="display: none;"></div>
<h4>Titre 4</h4>
<div class="panel" style="display: none;"></div>
</div>