如何在另一个类中使用CSS样式一个类，但另一个类不会影响主类样式

Question

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

＆＃13;

＆＃13;

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

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 1

使用：不是css

:not(X) {
  property: value;
}

Answer 2

您可以使用:not(nameOfSelector) css规则，正如Prajapati Ghanshyam首先发布的那样，或者更简单，更安全（为了较旧的浏览器兼容性），您可以覆盖之前由{设置的css规则{1}}做：

.swap