如何select没有：第n个伪类的元素的第一个和最后一个孩子[重复]

Question

这个问题在这里已经有了答案：

如何 select 没有第n个伪类的元素的前两个孩子？ (3 个回答)

5 小时前关闭。

我目前正在为高中生 web 开发的区域锦标赛做准备。 准备任务是锦标赛网站要解决的问题之一。 我有以下 HTML 代码：

<h2>Task 6</h2>
  <article id="task-6">
    <div class="marble" data-target></div>
    <section class="first">
      <div class="marble" data-target></div>
      <div class="marble"></div>
      <div class="marble" data-target></div>
    </section>
    <div class="marble"></div>
    <section class="last">
      <div class="marble" data-target></div>
      <div class="marble"></div>
      <div class="marble" data-target></div>
    </section>
    <div class="marble" data-target></div>
  </article>

我的目标是 select 带有marble class 标有data-target的 div，但要满足以下要求：

• 我不允许使用这些 CSS 伪类或 CSS 选择器：

  • :nth-child
  • :nth-last-child
  • :nth-of-type
  • :nth-last-of-type
  • [data-target]
  • 也没有使用+或~

• 只允许使用一个选择器。

我尝试了以下选择器，但它只选择部分元素中的div 。

#task-6 section div:not(:not(:first-child):not(:last-child))

你能帮我么。 非常感谢。

Answer 1

您尝试过的选择器 -

#task-6 section div:not(:not(:first-child):not(:last-child))

它明确表示要在节元素内处理 div

只需从中删除部分，它应该适用于每个元素

#task-6 div:not(:not(:first-child):not(:last-child))