我的 css nth-child 选择器有问题。
我在容器内有一个 3x3 元素的网格。这些元素有一个名为.square
.
With .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 http://www.hier-krieg-ich-alles.de/shop.php?cat=26491127728
问题出现在中间的盒子上。
听起来像你想要的nth-of-type http://css-tricks.com/the-difference-between-nth-child-and-nth-of-type/.
您可能会发现有用的相关选择器是:first-of-type
, :last-of-type
, :nth-last-of-type
and :only-of-type
.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)