Svelte样式

嵌套的 <style> 元素

每个组件只能有一个顶级 <style> 标签。

然而，可以在其他元素或逻辑块内嵌套 <style> 标签。

在这种情况下，<style> 标签将按原样插入到 DOM 中；不会对 <style> 标签进行任何作用域限制或处理。

<div>
	<style>
		/* 这个 style 标签将按原样插入 */
		div {
			/* 这将应用于 DOM 中的所有 `<div>` 元素 */
			color: red;
		}
	</style>
</div>