mirror of https://github.com/sveltejs/svelte
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
19 lines
436 B
19 lines
436 B
6 years ago
|
---
|
||
|
title: Styling
|
||
|
---
|
||
|
|
||
|
Just like in HTML, you can add a `<style>` tag to your component. Let's add some styles to the `<p>` element:
|
||
|
|
||
|
```html
|
||
|
<style>
|
||
|
p {
|
||
|
color: purple;
|
||
|
font-family: 'Comic Sans MS';
|
||
|
font-size: 2em;
|
||
|
}
|
||
|
</style>
|
||
|
|
||
|
<p>This is a paragraph.</p>
|
||
|
```
|
||
|
|
||
|
Importantly, these rules are *scoped to the component*. You won't accidentally change the style of `<p>` elements elsewhere in your app, as we'll see in the next step.
|