How to override global CSS in a CSS module file?

by

Since .flex refers to a global class you’ll need to use the :global selector to target it in your CSS module.

/* Layout.module.css */

.navbar :global(.flex) {
    justify-content: space-between;
}

Or using an alternate syntax.

.navbar {
    :global {
        .flex {
            justify-content: space-between;
        }
    }
}

More Related Contents:

  1. How to use template literals in tailwindcss to change classes dynamically?
  2. Next.js Global CSS cannot be imported from files other than your Custom
  3. How to combine and use multiple Next.js plugins
  4. Working with CSS in React [closed]
  5. React.js inline style best practices [closed]
  6. How to dynamically add a class to manual class names?
  7. How to make React CSS import component-scoped?
  8. Change outline for OutlinedInput with React material-ui
  9. React native text going off my screen, refusing to wrap. What to do?
  10. How to add fonts to create-react-app based projects?
  11. How to hash CSS class names in Nextjs?
  12. How do I apply vendor prefixes to inline styles in reactjs?
  13. Text Stroke (-webkit-text-stroke) css Problem
  14. How to get a react component’s size (height/width) before render?
  15. How to apply custom animation effect @keyframes in MUI?
  16. How to use images in css with Webpack
  17. ml-auto is not pushing navbar links to the right
  18. How do I hide an element when printing a web page?
  19. ::slotted CSS selector for nested children in shadowDOM slot
  20. Aligning grid items across the entire row/column (like flex items can)
  21. Is embedding background image data into CSS as Base64 good or bad practice?
  22. Specify an SVG as a background image and ALSO style the SVG in CSS?
  23. Can I change the fill color of an svg path with CSS?
  24. Borders not shown in Firefox with border-collapse on table, position: relative on tbody, or background-color on cell
  25. CSS transitions with calc() do not work in IE10+
  26. Make children divs the height of tallest child
  27. I can’t reference an image in Next.js
  28. Fill only Half a star with SVG
  29. CSS transition between left -> right and top -> bottom positions
  30. does a background-attachment of fixed work in iOS5?

Leave a Comment