Sélectionnez chaque élément nième dans CSS

Question

Il est possible de sélectionner, dire, chaque quatrième élément dans un ensemble d’éléments ?

Ex : J’ai 16 `` éléments... Je pourrais écrire quelque chose comme.

y a-t-il une meilleure façon de le faire ?

Answer 1

Eh bien, il est appelé :, de sorte que l'utilisation de l' n variable et de travailler avec elle. Vous pouvez effectuer une addition (th-child()), de soustraction (n) et le coefficient de multiplication (+ où - est un nombre):

an

Voir la spec pour plus de détails sur la façon d'écrire des formules pour a.

---

En passant, il n'y a pas beaucoup de différence entre 4n et 4n + 4 en ce qui concerne div:nth-child(4n) . Si vous utilisez l' :nth-child() de la variable, il commence à compter à 0. Par la suite, c'est ce que chaque sélecteur sélectionnez:

nth-child()

n

:nth-child(4n)

4(0) = 0
4(1) = 4
4(2) = 8
4(3) = 12
4(4) = 16
...

Sélectionnez le 4e, 8e, 12e et 16e éléments que vous recherchez. Par conséquent, il n'y a pas de différence dans votre question.

Answer 2

<pre><code></code><p><a href="http://css-tricks.com/how-nth-child-works/">http://CSS-Tricks.com/How-nth-Child-Works/</a></p></pre>

Answer 3

Essayez ceci