SCSS 에 기본적인 문법구조
2021. 3. 31. 17:16ㆍSCSS/Basic
See the Pen YzNpbzp by minsucoding (@minsucoding) on CodePen.
안녕하세요 오늘은 CSS를 조금더 편하게 작성할수 있게 해주는 SCSS를 맛보기로 가지고 왔어요
위 예제를 보시면 CSS로는 안되 신기한 문법구조가 보이시나요??
div안에 div를 넣어서 속성을 지정해주는건데요
SCSS에서는 선택한 선택자에 안에 자식선택자들을 넣어주는 문법구조가 가능해요
아무래도 같은 선택자를 계속 작성해야되는 CSS와는 다르게 가독성과 중복제거가 훨씬 좋아지신걸 볼수있어요
SCSS는 문법이 조금 신기한데요
변수와 배열과 같은 여러 기능들이 생기면서 더 편하게 작성이 가능해졌어요
오늘은 간단하게 맛보기였고 추후에 더 자세하게 올려보도록 할게요!