就像在 HTML 中一样,你可以向组件添加 <style>
标签。让我们为 <p>
元素添加一些样式:
¥Just like in HTML, you can add a <style>
tag to your component. Let’s add some styles to the <p>
element:
App
<p>This is a paragraph.</p>
<style>
p {
color: goldenrod;
font-family: 'Comic Sans MS', cursive;
font-size: 2em;
}
</style>
重要的是,这些规则的作用域是组件。你不会意外更改应用中其他地方的 <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.
1
2
3
4
5
6
<p>This is a paragraph.</p>
<style>
/* Write your CSS here */
</style>