如何在另一個班級內使用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>