Html 如何在另一个类中使用CSS样式，但另一个类不'；不要影响主要的课堂风格

我使用了两个类

.swap

和

.cont

。如何使用

.swap

类样式，使其不会影响

.cont

样式

.swap{
背景色：红色；
填充：10px；
}
续{
边缘顶端：10em；
颜色：蓝色；
}

测验

使用：非css

:not(X) {
  property: value;
}

---

您可以使用Prajapati Ghanshyam首先发布的

：not（nameOfSelector）

css规则，或者更简单、更安全（为了更老的浏览器兼容性），您可以通过执行以下操作覆盖以前由

.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>

.交换{
背景色：红色；
填充10px 10px 10px 10px；
}
续{
边缘顶端：10em；
颜色：蓝色；
/*凌驾*/
背景色：#颜色由您选择；
填充：0；
/*结束覆盖*/
}

您的代码中存在css错误。。填充后，您应该添加如下选择符

：

填充：10px 10px 10px 10px哪些样式应应用于

.swap

-div，哪些样式不应应用于

.cont

-div？由于初始/透明采用父div颜色或将覆盖“nothing”颜色，因此仍会看到红色。。