如何选择除特定 div 内的元素之外的所有元素 [重复]答案

【问题标题】：How can I select all elements except those inside a particular div [duplicate]如何选择除特定 div 内的元素之外的所有元素 [重复]
【发布时间】：2020-02-08 18:00:11
【问题描述】：

这是我的标记：

 <div class="car">
    <div class="make">NISSAN</div>
    <div class="model">MICRA</div>
</div>
<div class="discontinued">
    <div class="car">
        <div class="make">FORD</div>
        <div class="model">MONDEO</div>
    </div>
</div>
<div class="car">
    <div class="make">HONDA</div>
    <div class="model">INTEGRA</div>
</div>
</div>
<div class="car">
    <div class="make">PEUGEOT</div>
    <div class="model">206</div>
</div>
<div class="car">
    <div class="make">TOYOTA</div>
    <div class="model">COROLLA</div>
</div>

我想找到一种方法来选择所有汽车品牌，除了那些在类 discontinued 的 div 内的汽车。

我尝试了以下方法：

div:not(.discontinued) .make

...但这仍然包括FORD。

【问题讨论】：

标签： html css css-selectors

【解决方案1】：

选择除.discontinued之外的所有.car（您可以使用:not pseudo-class selector和direct child selector来完成），然后选择其中的所有.make。

:not(.discontinued) > .car .make {
  color: red
}

<div class="car">
  <div class="make">NISSAN</div>
  <div class="model">MICRA</div>
</div>
<div class="discontinued">
  <div class="car">
    <div class="make">FORD</div>
    <div class="model">MONDEO</div>
  </div>
</div>
<div class="car">
  <div class="make">HONDA</div>
  <div class="model">INTEGRA</div>
</div>
<div class="car">
  <div class="make">PEUGEOT</div>
  <div class="model">206</div>
</div>
<div class="car">
  <div class="make">TOYOTA</div>
  <div class="model">COROLLA</div>
</div>

【讨论】：