cssnth与图像

我有一个幻灯片，是用一个短代码在可湿性粉剂进口

我正在尝试将自定义css添加到显示的每个第四个图像中，但运气不好

任何帮助都会很棒，谢谢

.thumb-res .ngg-gallery-thumbnail:nth-child(4) img { border: 1px solid #000 !important; }

HTML:

试试看

使用您的代码，您只选择了第四个图像。每4:D需要4n，请尝试

---

使用您的代码，您只选择了第四个图像。您的

ngg gallery缩略图

元素都是各自父元素的单个子元素，因此选择器从不选择任何内容。您应该使用类

ngg gallery缩略图框

基于元素进行选择，这些元素都是同级元素：

.thumb-res .ngg-gallery-thumbnail-box:nth-child(4) img { ... }

---

这就是说，这仍然不能完全像预期的那样工作，因为看起来也有兄弟姐妹不是缩略图框。

您的

ngg gallery缩略图

元素都是各自父母的单亲子元素，因此选择器从不选择任何内容。您应该使用类

ngg gallery缩略图框

基于元素进行选择，这些元素都是同级元素：

.thumb-res .ngg-gallery-thumbnail-box:nth-child(4) img { ... }

这就是说，这仍然不能完全按照预期工作，因为看起来还有一些兄弟姐妹不是缩略图框。

这是：

$(".thumb-res .ngg-gallery-thumbnail-box:nth-child(4n+1)").addClass("fourth");

这是：

$(".thumb-res .ngg-gallery-thumbnail-box:nth-child(4n+1)").addClass("fourth");

您需要对直接兄弟姐妹使用第n个子代（an+b）

.thumb-res .ngg-gallery-thumbnail-box:nth-child(4n+1) img { border: 1px solid #000 !important; }

此外，为了向显示的每个第四个图像添加自定义css，您需要使用“an+b”格式的参数。 例如，4n+1选择第四、第八、第十二元素等。

您需要使用第n个子元素（an+b）作为直接同级元素

.thumb-res .ngg-gallery-thumbnail-box:nth-child(4n+1) img { border: 1px solid #000 !important; }

此外，为了向显示的每个第四个图像添加自定义css，您需要使用“an+b”格式的参数。

---

例如4n+1选择第四、第八、第十二元素等。

检查本文：您解决了吗？检查本文：您解决了吗？