How can I target just the outer div using a css selector?
<div>
<div>...</div>
<div>...</div>
</div>
<style>
OUTER.DIV.ONLY {
background: url(outer.png);
}
</style>
Alternatively, I'm curious if there is a way to assign a locally scoped name to the outer div without affecting the compiled svelte code.
I want to avoid adding class="outer" as it may clash with existing stylesheets.
Using
class="outer-au9a8bo9u"Hoping for a more elegant and efficient solution than that.