En sélectionnant tous les 4 <div>
J'ai une longue ligne de DIVs et j'ai besoin de changer le rembourrage sur tous les 4ème division à l'aide de la nième sélecteur d'enfant, mais j'ai du mal à la faire fonctionner.
Voici mon css:
.content_tab {
width: 220px;
height: 340px;
margin-right: 20px;
margin-bottom: 20px;
float: left;
background-color: #0F0;
}
.content_tab:nth-child(4){
background-color: #F00;
margin-right: 0px;
}
et voici mon code HTML:
<div class="content">
<div class="content_tab"></div>
<div class="content_tab"></div>
<div class="content_tab"></div>
<div class="content_tab"></div>
<div class="content_tab"></div>
<div class="content_tab"></div>
<div class="content_tab"></div>
</div>
Des idées?
Possible une copie de stackoverflow.com/questions/3462298/...
Quel navigateur utilisez-vous? Avez-vous testé l'un n'est pas détenue par Bill Gates?
Quel navigateur utilisez-vous? Avez-vous testé l'un n'est pas détenue par Bill Gates?
OriginalL'auteur Craig Jonathan Kristensen | 2013-06-05
Vous devez vous connecter pour publier un commentaire.
Vous devriez changer
À
Comme expliqué ici http://css-tricks.com/how-nth-child-works/
Ou si vous ne souhaitez pas que le premier div pour être sélectionné, vous devez
OriginalL'auteur Pevara
http://jsfiddle.net/y6vfg/1/
Ou si vous voulez que chaque quatrième élément à partir de la première vous pouvez utiliser:
http://jsfiddle.net/y6vfg/7/
OriginalL'auteur Adrift
À chaque 4e élément dans le sélecteur d'utilisation
4n
Exemple de violon
Remarque j'ai fait la div de taille dans le violon, de sorte qu'il était plus facile de le constater.
OriginalL'auteur Rory McCrossan