如何在另一个班级内使用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

使用：不是的CSS

:not(X) { 
    property: value; 
} 

Answer 2

您可以使用:not(nameOfSelector) CSS规则，如生主GHANSHYAM说谁第一个贴吧，甚至更简单，更安全（对于较老的浏览器兼容性），您可以通过以下操作覆盖之前由.swap设置的css规则：

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

.cont{ 
margin-top: 10em; 
color: blue; 
/* OVERRIDE */ 
background-color: #acolorofyourchoice; 
padding: 0; 
/* END OVERRIDE */ 
} 
</style>