svelte/test/runtime/samples/non-root-style-interpolation/main.html

<div>
	<style>
		/* something with < and > */
		div {
			color: blue;
		}
	</style>
	foo
</div>

<div>
	<div>
		<style>
			div > div {
				color: blue;
			}
		</style>
		foo
	</div>
</div>

<div>
	<style>
		/* something with < and > */
		{{foo}}
		div {
			color: {{color}};
		}
	</style>
	foo
</div>

<div>
	<div>
		<style>
			{{foo}}
			div > div {
				color: {{color}};
			}
		</style>
		foo
	</div>
</div>