Is it bad to use !important in a CSS property?

by

!important is a useful tool, but the drawback is that it’s kind of a tool of last resort. So you don’t want to over-use it as you’ll end up causing headaches down the road for anyone that’s maintaining the site.

However, your example is a typical use. What is happening is that the JS is injecting inline style attributes on the fly. As such, that’s over-riding the cascade in your CSS. !important allows you to over-ride that.

More Related Contents:

  1. How to make moving CSS objects like this?
  2. Menu does not align correctly in Safari
  3. how to align the image to the center? [closed]
  4. Proper use of flex properties when nesting flex containers
  5. How can I override Bootstrap CSS styles?
  6. Nesting block level elements inside the tag… right or wrong?
  7. Bootstrap full-width with 2 different backgrounds (and 2 columns)
  8. How can I expand floated child div’s height to parent’s height?
  9. Minimum and maximum value of z-index?
  10. Is it possible to put CSS @media rules inline?
  11. Applying a background to and/or
  12. Adding HTML entities using CSS content
  13. How can I find an element by CSS class with XPath?
  14. Should I use px or rem value units in my CSS? [closed]
  15. Using flex order property to re-arrange items for desktop and mobile views
  16. Grid areas not laying out properly in CSS Grid
  17. Centering a div block without the width
  18. How can I print background images in FF or IE?
  19. CSS :first-letter not working
  20. Multiple Spaces Between Words in HTML without  
  21. Margin while printing html page
  22. CSS Transition – eases in but doesn’t ease out?
  23. CSS image resize percentage of itself?
  24. Fixed Header, Footer, and Sidebars with scrolling content area in center
  25. Specifying Tab-Width?
  26. Is there a way to tell browsers to honor the jpeg exif orientation?
  27. CSS hide scroll bar if not needed
  28. The css padding is not working in outlook
  29. Why use a sprite sheet rather than individual images?
  30. Link external CSS file only for specific Div [duplicate]

Leave a Comment