반응형 sass중첩1 SASS(SCSS) Nesting 기능과 사용법 Nesting은 중첩이라는 뜻입니다. SASS에서 부모선택자를 기준으로 자식 선택자를 사용하여 하나의 스타일 규칙을 다른 규칙 안에 중첩하는 기능을 말합니다. 즉 Nesting을 사용하면 부모 선택자의 반복을 피하고 자식(=후손) 셀렉터를 간단하게 작성할수 있습니다. Nesting을 사용하는 이유는 다음과 같습니다. css셀렉터는 많이 사용하다보면 소스가 복잡해지는데,그러다 보면 어떤 요소를 꾸미는지 제대로 파악하기 어렵게 됩니다. 예시) div.container h1.headTitle > span > a:hover 이때 중첩을 이용하면 가독성과 유지관리가 쉬워집니다. nesting 문법 다음 코드는 css로 작성했을 때와 scss로 작성했을 때입니다. scss는 셀렉터 대신에 nesting을 이용하여.. 2022. 12. 29. 이전 1 다음 반응형