Is it possible to give one CSS class priority over another?

by
  1. specify a more specific selector, eg prefix an ID before it or prefix the nodename before the class
  2. assign it after the other class
  3. if two classes are in separate files, import the priority file second
  4. !important

!important is the lazy way, but you really should go for #1 to avoid important-ception. Once you’ve added one !important you can’t use it to make some other rule even more important.

More Related Contents:

  1. how do I make device specific selectors in css [closed]
  2. Canvas is stretched when using CSS but normal with “width” / “height” properties
  3. Override body style for content in an iframe
  4. How to prevent Less from trying to compile CSS calc() properties?
  5. CSS3 background image transition
  6. Understanding z-index stacking order
  7. Why does the order of media queries matter in CSS?
  8. Truncating long strings with CSS: feasible yet?
  9. CSS to set A4 paper size
  10. Vertically align text within a div [duplicate]
  11. How can I align one item right with flexbox?
  12. CSS “and” and “or”
  13. Using the last-child selector
  14. Separators for Navigation
  15. CSS 3d transform doesn’t work if perspective is set in the end of property
  16. How can I make generated content selectable?
  17. Flexible box model – display : flex, box, flexbox? [duplicate]
  18. Firefox ignores padding when using overflow:scroll
  19. Twitter Bootstrap 3 – Panels of Equal Height in a Fluid Row
  20. IE and Edge fix for object-fit: cover;
  21. CSS select the first child from elements with particular attribute
  22. nth-child doesn’t respond to class selector [duplicate]
  23. Best replacement for font tag in html
  24. Combining border-top,border-right,border-left,border-bottom in CSS
  25. How to get a react component’s size (height/width) before render?
  26. How to use images in css with Webpack
  27. flexbox vs tables, why do we need flexbox?
  28. Sass and rounding down numbers. Can this be configured?
  29. SASS calculate HSL Difference between 2 colours
  30. How to style menu button and menu items

Leave a Comment