有没有办法在CSS中选择没有特定类的父级的子级?我们说我有以下HTML代码:
<div class="disable-common">
<div>
<p>Test 1</p>
</div>
</div>
<div class="disable-common">
<p>Test 2</p>
</div>
<div>
<p>Test 3</p>
</div>
我想选择所有p
代码,这些代码不是具有disable-common
类的div的子代。
我设法为&#34;测试2&#34;仅使用以下选择器:div:not(.disable-common) p
但不幸的是,&#34;测试1&#34;并不关心选择器,因为&#34;测试1&#34;嵌套在一个没有disable-common
类的div中。所以我的问题是:如何在我的选择器中指定我希望所有p都没有任何div
父级disable-common
类。我甚至都不知道这样的选择器是否可行。
编辑:这是一个掠夺者:https://plnkr.co/edit/vzNKIDTfRhRyYfqlivc3?p=preview