css - 选择所有 X 类型的元素，但在它们内部再次选择不同类型的元素

Question

例如，如果有多个 DIV 元素，一个在另一个里面。让我们说 3 个级别。
你会如何只选择第 2 层的 Divs，而不知道它们可能有多深，
无法开设更多类(class)？

// html example of a possible DOM
<div class="level1'>
    <a>
        <div>
            <a>
                <div></div>
            </a>
        </div>
    </a>
    <a>
        <div></div>
    </a>
</div>

选择器概述:
div.level1 > div => (BAD) 不会返回任何内容，因为 Div 在 a

中

div.level1 > a > div => (BAD) 第二级 div 可能更深，不应该写出确切的 xpath

是否有某种 CSS 选择器组合会返回'找到元素但永远不会在其中找到'，那么 div.level1 div 将只返回二级 Div，但不是可能在其中的那些(类似的东西)。我发现这是一件非常强大的事情。

Answer 1

不太可能。
但是你可以做的是在级别 >= 2 (div.level1 div) 上设置所需的属性，并在级别 2 以下的所有 div 上取反它 (div.level1 div div >).

当然，始终可以选择为每个级别使用不同的类(class)。