scoping all react app styles inside a global #root element

  • bigbossmaher

    (@bigbossmaher)


    11 months ago


    I’ve developed a React application and built it using the React MDB library. After integrating the app into a WordPress page via Reactpress, I noticed that the MDB styles are affecting other elements on the WordPress site. Is there a way to isolate the MDB styles[ and all css potentially ] so they only apply within the React app? The React app is hosted within a div with the ID #root on the WordPress page.
    some files causing the issues
    _reboot.scss
    _variables.scss

Viewing 1 replies (of 1 total)
  • Plugin Author rockiger

    (@rockiger)

    Is there any way to automatically prefix the CSS classes of MDB? Usually, you can use CSS-imports in your React components.

Viewing 1 replies (of 1 total)
  • The topic ‘scoping all react app styles inside a global #root element’ is closed to new replies.