Styling

Just like in HTML, you can add a <style> tag to your component. Let’s add some styles to the <p> element:

  1. <style>
  2.     p {
  3.         color: purple;
  4.         font-family: 'Comic Sans MS';
  5.         font-size: 2em;
  6.     }
  7. </style>
  9. <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.