Question

我遇到了一些麻烦，找不到在我的网页上创建选择器的正确方法。基本上，我建立一个图片库，有两种类型的图像，宽度小（总包装宽度的50％）和宽度大（总包装宽度的100％）。

我尝试选择均匀的小宽度图像，在左侧应用边距，但是当小图像和大图像混合时我遇到了麻烦。当小的图像之间存在大图像时，我的第n个类型（2n）选择器会断开，并且没有正确选择。

我写了一个简单的Codepen来测试它，我似乎无法使其正常工作。

[https://codepen.io/Gekyzo/pen/zZgEYL]

我的目标是选择正确的小型，以便我可以对它们应用左边框。

谢谢，任何帮助都将不胜感激。

Answer 1

:nth-of-type与类型匹配，而不是类。这意味着您必须手动或使用Javascript或jQuery向偶数类添加类：

$(document).ready(function() {
     $(".small:odd").addClass('green');
});