Estoy editando un archivo CSS, quiero anular el valor de esa propiedad, pero no quiero fijar un nuevo valor.
Tengo el archivo A, que no puedo editar.
.menu a {
padding: 20x;
}
Así que ahora creo otra hoja de estilos, pero si pongo
.menu a {
padding: 0;
}
No se ve como yo quiero. Una opción es colocar otro valor, como padding: 5px;
, pero busco una alternativa. Cuando desmarco esa propiedad en el inspector de Safari, las cosas quedan como lo espero.
Ejemplo:
.caja {
background-color: indianred;
padding: 40px;
font-size: 1.7em;
color: white;
}
.caja {
padding: 20px;
}
/* solo cambiar las líneas de abajo */
/* no vale padding: 40px; */
.caja {
}
<div class="caja">
Quiero que el padding vuelva a ser 40 anulando el <code>padding: 20px;</code>
</div>
¿Cómo puedo desactivar la propiedad padding
desde otra hoja de estilos?
En este ejemplo se logra el efecto usando distintas clases y elementos, usando
unset
. Tal vez no sea posible con las condiciones que pretendo.
padding: 0
debería de funcionar.inherit
? Creo que nunca la he usado.padding: 0;
.<div class="caja" id="nueva-caja">
y luego en el CSS:#nueva-caja { padding: 40px; }
en este caso elid
tiene prioridad por lo que se aplicará todo lo que pongas en ese bloque independientemente del lugar donde esté en el CSS, lo he probado poniéndolo al inicio y al final y funciona. He publicado una respuesta para que quede también esa posibilidad. Saludos.