javascript / beginner
Snippet
Gescopte Komponenten-Styles
CSS innerhalb einer Svelte-Komponente wird automatisch gescopt. Das bedeutet, dass der 'p'-Selektor hier nur Absätze innerhalb dieser spezifischen Datei beeinflusst und Style-Überschneidungen verhindert.
snippet.js
1
2
3
4
5
6
7
8
<p>Svelte styles are scoped.</p><style>p {color: purple;font-weight: bold;}</style>
svelte
Erklärung
1
<style>
Definiert einen Style-Block, den Svelte verarbeitet, um lokales Scoping anzuwenden.