阅读(279) (0)

Svelte 样式

2023-02-20 15:26:42 更新

就像在 HTML 中一样,您可以将 ​<style>​ 标记添加到组件中。让我们向 ​<p>​ 元素添加一些样式:

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

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

重要的是,这些规则仅限于组件。您不会意外地更改应用中其他地方的 ​<p>​ 元素的样式,我们将在下一步中看到这一点。