覆盖 CSS 样式

Question

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

这是我拥有的一个例子

首先我有这个：

.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%;
}

Answer 2

您只需要将不需要的值重置为默认值即可。无需使用!important陷入混乱。

#zoomTarget .slikezamenjanje img {
    max-height: auto;
    padding-right: 0px;
}

制帽

我认为您缺少的关键数据是 CSS 带有默认值。如果要覆盖某个值，请将其设置回默认值，您可以查找该值。

例如，所有 CSS height和width属性都默认为 auto 。