[Svelte 튜토리얼] Part 1 - Styling

튜토리얼 링크

이번 튜토리얼에서는 HTML에 CSS 스타일을 적용시키는 방법을 알려줍니다.

 

Svelte에서 CSS 스타일은 <style> 태그 안에 작성합니다. 따라서 튜토리얼의 답은 다음과 같습니다.

 

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

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

 

위 코드의 <style> 태그 속에 <p> 요소는 현재 컴포넌트의 인스턴스에만 적용되어 다른 컴포넌트의 <p> 요소와는 독립적입니다.