Переопределение стиля css?

Я смотрю на Qaru и не нашел решение, я знаю, как переопределить стиль, если стиль существует, просто измените его свойство. Но теперь у меня странный стиль, чтобы переопределить

Вот пример того, что у меня

Сначала у меня есть это:

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

Теперь мне нужно переопределить этот стиль только с этим:

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

Проблема в том, что первый стиль добавляется второй, но я не хочу, что в этом втором стиле мне нужна только одна строка, а не добавление из первого стиля?

Ответ 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%;
}

Ответ 2

Вам просто нужно reset значения, которые вы не хотите использовать по умолчанию. Не нужно впадать в беспорядок, используя !important.

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

Hatting

Я думаю, что ключевое значение, которое вам не хватает, состоит в том, что CSS поставляется с значениями по умолчанию. Если вы хотите переопределить значение, верните его по умолчанию, который вы можете найти.

Например, все атрибуты CSS height и width по умолчанию равны auto.