프론트엔드/CSS (1) 썸네일형 리스트형 SCSS 간단 정리 SCSS란 변수, 중첩, 함수, 반복문 등의 다양한 기능을 제공하여 편리한 작업 및 유지보수를 돕는 CSS 전처리기 1. 중첩 (Nesting) 중첩을 통해 상위 선택자의 반복을 줄이고 복잡한 구조를 편리하게 작성 SCSS .container{ ul{ li{ font-size: 40px; .name { color: royalblue; } .age { color: orange; } } } }Compile to CSS .container ul li { font-size: 40px; } .container ul li .name { color: royalblue; } .container ul li .age { color: orange; } 동일한 네임스페이스(ex. _font-_)를 가지는 개별속성들을 중첩하여.. 이전 1 다음