css - 覆盖CSS样式？

Question

我查看 Stack Overflow 并没有找到解决方案，我知道如果样式存在如何覆盖样式，只需更改其属性即可。但现在我有一种奇怪的风格可以覆盖

这是我的例子

首先我有这个:

.slikezamenjanje img{
    max-width: 100%;
    max-height:150px;
    padding-right:7px;
}

现在我只需要用这个覆盖那个样式:

#zoomTarget .slikezamenjanje img {
    max-width: 100%;
}

问题是第一种样式追加第二种样式，但我不希望这样，在第二种样式中我只需要一行，而不是从第一种样式追加？

Answer 1

您可以向元素添加另一个类，而不是重写，然后您就有了额外的能力。 例如:

HTML

<div class="style1 style2"></div>

CSS

//only style for the first stylesheet
.style1 {
   width: 100%;      
}
//only style for second stylesheet
.style2 {
   width: 50%;     
}
//override all
.style1.style2 { 
   width: 70%;
}