Recently, I've been trying to apply a universal style rule to my entire app similar to this:
div {
width: 100%;
}
At first, everything seemed to be working perfectly. However, when I began integrating third-party components that have their own default style expectations for div
, issues started to arise. This meant I had to constantly fix conflicts whenever they occurred.
I'm wondering if there's a way to implement a workaround so that the components in my application maintain a default style without interfering with the styles of third-party elements. Currently, I use styled-components
for styling, but I am open to solutions using other libraries as well.