I am facing an issue where a child component needs to utilize spectre.css, but when I import spectre.css in the child component, it also affects the parent component. How can I ensure that spectre.css only applies to the child component? Thanks
Parent Component:
class ParentComponent extends React.Component{
render(){
return <ChildComponent></ChildComponent>
}
}
Within the Child component:
import from 'spectre.css'
class ChildComponent extends React.Component{
/* ... */
}