이번 포스트에서는 Scss에서 style을 작성하는 규칙인 Style Rule에 대해서 살펴보자. 기본 작성법 그냥 쓰려면 scss나 css나 동일 scss의 특별한 기능을 사용하지 않을꺼라면 scss나 css의 사용법은 동일하다. // scss .button { padding: 3px 10acpx; font-size: 12px; } // css .button { padding: 3px 10acpx; font-size: 12px; } 앞으로 코드를 비교할 때 왼쪽 블록은 scss, 오른쪽 블록은 css임을 밝혀둔다. 삶을 윤택하게 해주는 nesting scss의 진가는 선택자의 중첩 기능에서부터 발휘된다. 일반적인 css의 선택자는 재사용이나 계층적인 구조화가 어렵다. 예를 들어 nav ul, nav>l..
[SCSS] 02. Style Rules
이번 포스트에서는 Scss에서 style을 작성하는 규칙인 Style Rule에 대해서 살펴보자. 기본 작성법 그냥 쓰려면 scss나 css나 동일 scss의 특별한 기능을 사용하지 않을꺼라면 scss나 css의 사용법은 동일하다. // scss .button { padding: 3px 10acpx; font-size: 12px; } // css .button { padding: 3px 10acpx; font-size: 12px; } 앞으로 코드를 비교할 때 왼쪽 블록은 scss, 오른쪽 블록은 css임을 밝혀둔다. 삶을 윤택하게 해주는 nesting scss의 진가는 선택자의 중첩 기능에서부터 발휘된다. 일반적인 css의 선택자는 재사용이나 계층적인 구조화가 어렵다. 예를 들어 nav ul, nav>l..
2022.09.13