Why do styles get corrupted when I import someone else's UI?

Question

css

I want to use semantic ui in my react app, but when I do

import { Segment, Button, Divider } from 'semantic-ui-react'
import 'semantic-ui-css/semantic.min.css'

Then all my styles that are in style.css collapse and the site becomes not quite normal

Answer 1

I think your rules are being overwritten by the rules that are in semantic.min.css.