如何排除父div中的特定div

Question

我想知道如何将样式仅应用于特定的 div，而不是全部。 我的意思是

<div class="parent">....</div>

内的每个 div 都必须有某种样式，除了带有

class="exception"

的 div 之外

 <div class="parent">
   <div class='one'>...</div>
   <div class='two'> ....</div>
   <div class="exception">..</div>
   <div class="one">....</div>
 </div>

div.parent:not('.exception'){
  margin-bottom: 2em;
}

具有类父级的 div 内的所有 div 都必须具有属性

margin-top: 2em

除了具有类异常的 div

Answer 1

你很接近。但是你的选择器意味着你的样式将生效到

.parent

（

div class="parent">

元素）。相反，像这样定位子元素

.parent > div:not(.exception) {
  color: red;
}

<div class="parent">
  <div class='one'>...</div>
  <div class='two'> ....</div>
  <div class="exception">..</div>
  <div class="one">....</div>
</div>

Answer 2

你就快到了，但你的选择器应该是：

div.parent div:not(.exception)

:

div.parent > div:not(.exception) {
  margin-bottom: 2em;
}

<div class="parent">
  <div class='one'>...</div>
  <div class='two'> ....</div>
  <div class="exception">..</div>
  <div class="one">....</div>
</div>

Answer 3

如果子项是input，label和div是这样的？

<div class="parent">
  <input class='input'>...</input>
  <label class='label'> ....</label>
  <div class="exception">..</div>
</div>