I wrote a bit of html with some css styling injected into a third party site. But, their styling is messing with mine due to some !important declarations. I don’t want this, and I don’t want to use !important in my styles.
What can I do to prevent this?
The !important declaration overrides everything else, even inline styles and more specific hierarchy. The only way to override an !important is with an even more specific !important.
And this is why !important should be avoided.