Hola
Quisiera que una determinada regla de css se ejecuta si o si, y que no sea sobreescrita por otra posteriormente. HAy algun comando? Estoy usando un page builder y en un caso quiero evitar quela regla cuando la pantalla es pequeña se sobreescriba porla regla de defecto que se aplica.
No puedo cambiar el orden de ejecución.
Un saludo
!important te sirve?
body{
font-family: verdana, arial !important;
}
También implementando la jerarquía de los selectores.
https://codepen.io/pedromarin/pen/GdejgQ
De igual forma si estas con un page builder, puedes hacer que esas paginas generadas dinámicamente (supongo) se les pueda anexar atributo extra y el CSS que afecta a dichos componentes hagan uso de ese atributo para aplicar el mismo.
https://developer.mozilla.org/es/docs/Web/CSS/Selectores_CSS
igual revisa esto por el tema de la pantalla pequeña.
https://www.regochan.com/varios/item/95-modificar-css-segun-el-tamano-de-la-pantalla-responsive.html
https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
saludos.