sass작성법 (1) 썸네일형 리스트형 프론트엔드 로드맵 28 - CSS 전처리기 SASS CSS 전처리기 (CSS Preprocessor)에는 Sass, Less 등이 있다. 전처리기는 말그대로 CSS가 실행되기 이전에 사용하는 기능을 말한다. 전처리기는 CSS 작성의 단점을 보완한 것이기 때문에 가독성이 높고 코드 재사용에 유리하다. 우선 전처리기로 작성한 뒤 CSS로 컴파일한다. 전처리기에서 작성한 것은 웹에서 작동하지 않기 때문에 css파일로의 컴파일이 필요하다. SASS는 {} braces와 ; 세미콜론을 사용하지 않는다. 네스팅이라고 하는데 .contents 자식 요소들은 그 아래로 붙여서 나열한다. .contents width: 100px height: 200px ul color: red li padding: 10px &:last-child padding-left: 20px 변수를.. 이전 1 다음