sélectionnez les éléments multiples de 3 dans l'élément parent

est-il un moyen de sélectionner à l'aide des css, des éléments qui ont l'indice multiple de 6 à l'intérieur d'un élément parent?

par exemple, dans ce cas, je veux choisir uniquement multiples de 3:

<div>
    <p></p>
    <p></p>
    <p></p> <!--to select -->
    <p></p>
    <p></p>
    <p></p> <!--to select -->
    <p></p>
    <p></p>
    <p></p> <!--to select -->
</div>
  • N'obtenez pas des multiples de 6 et multiples de 3 mixed up... pas tous les multiples de 3 (3, 6, 9, 12...) est un multiple de 6 (6, 12, 18, 24...).
InformationsquelleAutor Luke | 2012-05-17
  1. 22

    Utilisation :nth-child(n):

    p:nth-child(3n) {
  background: red
}

    Démo: http://jsbin.com/azehum/4/edit

    Cette méthode fonctionne dans IE9+ (source: caniuse.com). Si vous avez besoin de support dans les navigateurs plus anciens, vous pouvez utiliser jQuery pour sélectionner les éléments et ajouter une classe à eux:

    $("p:nth-child(3n)").addClass("redbg");
    • En outre, je recommande ce lien que comme une jolie table avec des Ensembles de résultats pour les Pseudo-classe, les Expressions!
    InformationsquelleAutor Sampson
  2. 1

    Utiliser le nth sélecteur css

    p:nth-child(6n) {/*css here*/}

    voir plus ici

    InformationsquelleAutor MaddHacker