更改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>