When encountering the issue of browsers, specifically Internet Explorer in my case, failing to correctly implement complex CSS rules, is there a way to force the evaluation?
For example:
body[data-some-flag="3"] #someElement .someClass svg stop:first-child {
stop-color: #012d71;
}
The data flag will be set via JavaScript and the styling should adjust accordingly. In some instances, this may not work as expected, but by accessing the browser tools and selecting the node in the DOM explorer, the rule seems to apply.
Are there common solutions to address these types of browser glitches?
Perhaps something along the lines of:
node.recalculateCssRules()