svelte/styles

Scoped Styles

Write scoped CSS in Svelte

svelte
styles
css

Command

<style> .my-class { color: red; } </style>

Explanation

Svelte automatically scopes CSS to components, preventing style conflicts.

Examples

Scoped styles

<style> .my-class { color: red; } </style>

Global styles

<style> :global(.global-class) { } </style>