覆盖CSS样式？

一尘不染

覆盖CSS样式？

css

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

这是我所拥有的一个例子

首先我有一个：

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

现在，我需要使用以下一种样式来覆盖该样式：

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

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

阅读 526

2020-05-16

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

2020-05-16