我遇到了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
问题发生在中间的方框上。
答案 0 :(得分：8)
听起来像你想要nth-of-type。
您可能会觉得有用的相关选择器包括:first-of-type，:last-of-type，:nth-last-of-type和:only-of-type。
答案 1 :(得分：0)
nth-child只使用html元素，nth-child css不知道class和id，如果你想为类设置nth-child，请使用jquery为该类添加一些自定义属性。
像
jQuery('.square:nth-child(3n+3)').attr("act","dummy");
然后使用css
div[act='dummy']{
border : 1px solid red;}