css - 如何排除父div中的特定div

Question

我想知道如何将样式仅应用于特定的 div，而不是全部。我的意思是里面的每个 div <div class="parent">....</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>