Pero entonces ¿para qué existe el !important?

Sebastián Quiroga

Sebastián Quiroga

Pregunta
studenthace 4 años

Pero entonces ¿para qué existe el !important?

5 respuestas
para escribir tu comentario
    Julio Mogollon

    Julio Mogollon

    studenthace 4 años

    El !important existe porque si existe una hoja de style externa que uses en tu proyecto y quieres que una clase de tu propia hoja de estilos (que también existe esa clase en esa hoja externa) predomine en importancia le agregas !mportant.

    Esto se ve a menudo con BOOTSTRAP ya que ellos usan !important para que no se dañen ciertas estructuras de estilos cuando descargas sus templates y le metes tus CSS.

    Tambien sirve para testear estilos de una manera rapida siempre y cuando te acuerdes de retirarlos al finalizar el test!

    sebastian mst

    sebastian mst

    studenthace 4 años

    El important no deberíamos usarlo casi en ningún escenario, salvo para debugear algo, mientras más conozcas sobre especificidad menos se te hará problemático seleccionar los elementos que necesites. Sin embargo, existen ciertos frameworks que los agregan por doquier alrededor de todo el código.

    Fabian Flores

    Fabian Flores

    studenthace 4 años

    La excepción !important

    Cuando se emplea important en una declaración de estilo, esta declaración sobrescribe a cualquier otra. Aunque técnicamente !important no tiene nada que ver con especificidad, interactúa directamente con esta. Sin embargo, el uso de !important es una mala práctica y debería evitarse porque hace que el código sea más difícil de depurar al romper la cascada (artículo en inglés) natural de las hojas de estilo. Cuando dos declaraciones en conflicto con el !important son aplicadas al mismo elemento, se aplicará la declaración con mayor especificidad.

    Algunas reglas de oro:

    Busca siempre una manera de emplear la especificidad antes de considerar el uso de !important. Usa !important solo en declaraciones específicas de CSS que sobrescriban CSS externo (de librerías externas como Bootstrap o normalize.css). Nunca uses !important cuando estés intentando escribir un plugin/mashup. Nunca uses !important en todo el código CSS.

    https://developer.mozilla.org/es/docs/Web/CSS/Specificity

    Heros Leonel Noriega Juárez

    Heros Leonel Noriega Juárez

    studenthace 4 años

    Yo lo usaría en caso de hacer un test rápido en alguna parte especifica.

Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.

Curso de HTML y CSS [Empieza Gratis]
Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.