How to target a tag that has no parents?
I am playing with
I have several SVGs that include a
I tried adding a
I want to just target the background of SVGs when they are the root of the DOM. I tried
userContent.css in Firefox which allows me to inject a stylesheet into every page.I have several SVGs that include a
@media (prefers-color-scheme: dark) rule to display differently on dark monitors. My issue is the default background for a SVG opened by itself is "transparent", but is effectively white.I tried adding a
@media (prefers-color-scheme: dark) { svg { background-color: #0008 } } style, which worked, but it affects every SVG on every page, & generally makes the browser look crappy.I want to just target the background of SVGs when they are the root of the DOM. I tried
:root > svg, but that doesn't work. ¿Anyone got a clue
