html - 如何在另一个类中使用一个类的CSS样式但另一个类不影响主类样式

Question

我使用了两个类 .swap 和 .cont。如何使用 .swap 类样式使其不会影响 .cont 样式。

.swap{
  background-color: red;
  padding: 10px ;
}

.cont{
  margin-top: 10em;
  color: blue;
}

<div class="swap">
   <div class="cont">
        <div class="container">test</div>
   </div>
</div>

Answer 1

使用 :not css

:not(X) {
  property: value;
}