仅选择没有任何具有特定类

时间:2017-03-02 13:30:44

标签: html css css-selectors

有没有办法在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

0 个答案:

没有答案
相关问题