更改CSS类的一部分

Question

我在CSS中制作了一些相当大的容器类。我的一个div使用这个容器类，但是我想从10px改变填充;到0px ;.我不想为此创建一个全新的课程。什么是最有效的方法来做到这一点？

在HTML

<div class="my-container"> 
</div> 

我的容器类

.my-container 
{ 
    lots of fields... 
    padding:10px; 
} 

的我想要的一个例子的一个例子，而无需创建一个新的类我的DIV的一个例子

.my-container 
{ 
    lots of fields... 
    padding:0px; 
} 

Answer 1

你可以用一行继承.my-container添加一个新类，如下所示：

.my-container{ 
 
    border: 1px solid blue; 
 
    background: red; 
 
    margin: 10px 0; 
 
    padding:10px; 
 
} 
 
.my-container.no-padding{ 
 
    padding:0px; 
 
}

<div class="my-container">my-container 
 
</div> 
 
<div class="my-container">my-container 
 
</div> 
 
<div class="my-container no-padding">my-no-padding-container 
 
</div> 
 
<div class="my-container">my-container 
 
</div>