example - ¿Anulando el estilo css?

style css

Question

Miro en Stack Overflow, y no encontré la solución, sé cómo anular el estilo si el estilo existe, solo cambie su propiedad. Pero ahora tengo un estilo extraño para anular

Aquí hay un ejemplo de lo que tengo

Primero tengo este:

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

Ahora necesito anular ese estilo solo con este:

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

El problema es que el primer estilo se agrega al segundo, pero no quiero eso. En este segundo estilo, lo que necesito es solo una línea, ¿no se debe agregar desde el primer estilo?

Answer 1

En lugar de anular, puedes agregar otra clase al elemento y luego tienes habilidades adicionales. por ejemplo:

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

Solo tiene que restablecer los valores que no desea a sus valores predeterminados. No hay necesidad de meterse en un lío usando !important .

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

Sombrero

Creo que el dato clave que falta es que CSS viene con valores predeterminados . Si desea anular un valor, establézcalo de nuevo en su valor predeterminado, que puede consultar .

Por ejemplo, todos los atributos de height y width CSS están predeterminados en auto .