Skip to main content

HTMLと同じように、コンポーネントには<style>タグを置くことができます。<p>要素にいくつかスタイルを追加してみましょう。

App.svelte
<p>This is a paragraph.</p>

<style>
	p {
		color: goldenrod;
		font-family: 'Comic Sans MS', cursive;
		font-size: 2em;
	}
</style>

重要なのは、これらのスタイルがこのコンポーネントにのみ適用されるということです。次のステップで説明しますが、別の箇所の<p>要素のスタイルに影響を与えてしまうようなことはありません。

Next: Nested components

1
2
3
4
5
6
<p>This is a paragraph.</p>
 
<style>
	/* Write your CSS here */
</style>
 
initialising