css nth-child和classes

cha*_*uya 5 css class css-selectors css3

我遇到了css nth-child选择器的问题.我在容器内有一个3x3 elemtens网格.这些元素有一个叫做的类.square.随着.square:nth-child(3n+1)我选择行的每一个第一个元素和色彩是绿色的.随着.square:nth-child(3n+3)我选择行的每一个最后的元素和色彩是红色.

这很好,直到<br>在网格之前输出任何元素(例如).每一个新的<br>,订单都会向上移动一个,因为它<br>被认为是一个.square.

据我了解.nth-child,它应该选择.square该类的每个第三个元素.为什么它适用于任何元素,我如何实现我的初始目标?

提前致谢

http://www.hier-krieg-ich-alles.de/shop.php?cat=26491127728

问题出现在中间的框中.

Joe*_*Joe 8

听起来像你想要的nth-of-type.

相关选择,你可能会发现有用的是:first-of-type,:last-of-type,:nth-last-of-type:only-of-type.

  • `:nth-​​of-type()`也不会被元素的类选择! (6认同)