Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: huerto123 en 1 Febrero 2021, 08:32 am



Título: Css: Inhibir reglas
Publicado por: huerto123 en 1 Febrero 2021, 08:32 am
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




Título: Re: Css: Inhibir reglas
Publicado por: BlackZeroX en 1 Febrero 2021, 08:47 am
!important te sirve?

Código
  1. body{
  2. font-family: verdana, arial !important;
  3. }

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.