¿Anulando el estilo CSS?


Miro el Desbordamiento de pila, y no encontré la solución, sé cómo anular el estilo si el estilo existe, simplemente cambie su propiedad. Pero ahora tengo un estilo extraño para anular

Aquí hay un ejemplo de lo que tengo

Primero tengo esta:

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

Ahora necesito anular ese estilo con solo este:

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

El problema es que el primer estilo añade el segundo, pero no quiero que, en este segundo estilo lo que necesito es solo una línea, no añadir de la primer estilo?

Author: Jacob Hacker, 2013-10-10

2 answers

En lugar de override puedes agregar otra clase al elemento y luego tienes una habilidad extra. 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%;
}
 38
Author: Dvir,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-07-20 10:05:19

Solo tienes que restablecer los valores que no quieres 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 le falta es que CSS viene con valores predeterminados. Si desea sobrescribir un valor, vuelva a su valor predeterminado, , que puede buscar.

Por ejemplo, todos los atributos CSS height y width por defecto son auto.

 18
Author: dthree,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2015-03-28 23:46:15