Svelte Styling Reference (Svelte 5)

本技能覆盖 Svelte 组件的样式系统，包括作用域样式、全局样式、CSS 自定义属性、class 处理、style: 指令、嵌套 <style> 和 scoped keyframes。

When to use this skill

当用户需要编写 Svelte 组件的样式、处理样式隔离、CSS 变量传递、style: 指令、动画 keyframes、或理解 Svelte 编译器如何处理样式时使用本技能。

Critical: Scoped Styles

<style> 块中的 CSS 默认作用域化——仅影响当前组件内的元素：

<style>
  p { color: burlywood; }
  .container { padding: 1em; }
</style>