[SOLUCIONADO] Cambiar propiedad css con css.

[Instru]

Un preguntota.

Tengo un div con una clase css.
Esta clase cambia el padding del div.

La clase esta en su propio archivo css.

Quiero cambiar ese padding para dispositivos móviles
Lo que se me ocurrió fue algo asi:

Código:

@media only screen and (max-width: 320px) {
    .la_clase {
        padding-right: 30px !important;
        padding-left: 30px !important;
}

Pero como que la los primeros valores siguen teniendo prioridad. En el inspector del navegador, si me aparecen las propiedades agregadas, pero las tacha indicando que otras tienen prioridad.

¿Alguna manera de poder cambiar el padding de esta manera?

[Instru]

Bueno, creo que nadie supo.

Afortunadamente lo resolví. Les dejo la solución que encontré en caso de que alguien tenga el mismo problema.

El problema principal es que la clase ya tenía !important desde antes, por lo que el nuevo important ya no iba a tener prioridad.

Al parecer una de las reglas sobre prioridades de css es que entre mas especifico seas, mayor prioridad tienes. Entonces se me ocurrio poner algo asi:

Código:

@media only screen and (max-width: 320px) {
    div.la_clase {
        padding-right: 30px !important;
        padding-left: 30px !important;
}

Y viola!! Funciona perfectamente. Definitivamente es una terrible práctica, pero no encontré otra solución. Lo ideal hubiera sido que inicialmente la clase no tuviera el elemento !important. En fin.

Saludos

[g3kdigital]

También hubieses intentado:

Código CSS:

html div.laclase {padding: 0 30px !important;}
 

Pero me extraña una cosa, no era más fácil modificar la clase anterior? y quitarle ese !important que no se debe usar nunca o al menos en casos extremos y este a mi parecer, no lo es.

En fin, al menos lo resolviste!

[Instru]

En si. Es Wordpress. Creo que eso explica todo. Jajajaja.
Wordpress utiliza !important en las propiedades modificadas manualmente.
Lo que buscaba era cambiar unos comportamientos de la parte responsiva.

Saludos

[ArturoGallegos]

En si. Es Wordpress. Creo que eso explica todo. Jajajaja.

A decir verdad no explica nada, wordpress no modifica o altera tu codigo, si el usuario lo coloca o no con important no es problema que wordpress tenga que solventar.

:D

[Instru]

No me explique bien.

Cuando le dices a wordpress que posiciones un elemento, este automáticamente genera el código css para hacerlo ( me parece que a través de algún plugin). El problema radica en que el código generado contiene !important.

Espero haberme explicado mejor.

Saludos