Html CSS:n个child和n个类型在我的标记结构中不起作用

我已经尝试了N个child和N个type多次，并阅读了关于w3schools、css技巧和mdn的文档，但无法理解这一点。 它在过去对我有效，但现在要么什么都没有发生，要么所有的跨度都应用了css规则

我只是想用以下标记在第一、第二和第八行中添加额外的底部填充（重复8次，所有lis都包含在父ul中：

<li class="campaign-links__list-item">
  <a class="campaign-links__link " href="/feast-on-london-under-25" id="104014" data-analytics="Category|£25 and Under|offpage">
      <img class="campaign-links__image opt-new--campaign-image" src="//img.static-bookatable.com/images/batweb/bat/sub-themes/feast-on-london/feast-on-london-under-25/hero.jpg?width=451&amp;height=150&amp;quality=80&amp;mode=crop" alt="£25 and Under" width="94" height="94">
      <span class="campaign-links__text opt-new--campaign-text" style="padding-bottom: 29px;">£25 and Under</span>
  </a>
</li>

---

非常感谢！

如果我理解正确，您正在重复这里的

li.campaign-links\uuu list-item

块？

n子元素查看父元素的子元素，但是
。选择新建--活动文本在其直接父元素中不会重复

像这样的方法应该会奏效：

.campaign-links__list-item:nth-child(1) .opt-new--campaign-text, .campaign-links__list-item:nth-child(2) .opt-new--campaign-text, etc...

没有子元素的第n个这样的东西，请使用
n个子元素
。但是，您正在为
opt new--campaign text
类选择一个span。这个span是span类型的第一个子元素，也是
a
元素的第二个子元素

您可能正在寻找的是：

.campaign-links__list-item:nth-child(1) .opt-new--campaign-text {
    padding-bottom: 29px;
}

依此类推。这将选择
ul
元素的第一个子元素（在本例中为
li
），找到
.opt new--campaign text
子元素，并向其添加填充。
它只是
：第n个子元素，而不是第n个子元素。
“[…]填充到第一、第二和第八个”--什么？什么的第一个或第二个？
li
？为什么不干脆
li:nth child（n）；
？你的
和
没有任何孩子呢？汉克，我想这肯定会管用，但另一个开发人员已经为列表项添加了这个目标明确的css:.campaign-links\uu list[data count='8'].campaign-links\uuu list-item所以我的第n个子代码似乎没有通过。关于如何覆盖此项，有什么想法吗？（我已经尝试使用了！重要）您可以简单地匹配特定性：
.campaign-links\uu list[data count='8']。campaign-links\uu list-item:n个子代码（1）。选择新建--活动文本{
谢谢事实上我做错了什么，解决了这个问题！谢谢你的帮助，我对你的答案投了赞成票，但我只能接受一个人，下面的丹也是如此。很高兴能帮上忙：-）
.campaign-links__list-item:nth-child(1) .opt-new--campaign-text {
    padding-bottom: 29px;
}