覆盖css样式?

前端之家收集整理的这篇文章主要介绍了覆盖css样式?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我看了Stack Overflow,没有找到解决方案,我知道如果样式存在,如何重写样式,只是改变其属性。但现在我有一个奇怪的风格来重写

这里是我有一个例子

首先我有这一个:

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

现在我需要重写这种风格与这一个:

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

问题是第一个样式追加第二个,但是我不想要,在这个第二个样式我需要的只是一行,不从第一个样式追加?

解决方法

而不是覆盖你可以添加另一个类到元素,然后你有额外的能力。
例如:

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

猜你在找的CSS相关文章