부모 참조 선택자 '&(Ampersand)'
.btn {
color: #000;
&.active {
color:coral;
}
}
플레이스홀더 선택자
@extend로 호출하며 '%(Percent)'를 사용
#gnb {
background-color: #fff;
width: 200px;
ul%box-type {
display: flex;
color: #111;
}
}
.list_notice {
@extend %box-type;
}
주석
주석은 // /* /가 있으면 컴파일시 사라지나
/! */ 문법으로 작성하면 주석이 삭제되지 않고 노출
논리 연산
Sass에서 논리 연산은 논리곱(AND), 논리합(OR), 논리 부정(NOT)의 기호 논리학의 규칙에 따른 연산
자바스크립트의 논리 연산자인 논리곱(&&), 논리합(||), 논리 부정(!)과 같다
논리 연산자의 종류는 아래와 같다.
✔ and : 그리고(논리곱)
✔ or : 또는(논리합)
✔ not : 부정(논리 부정)
전역변수 지역변수가 있으면 지역변수에 !global 을 하면 전역으로 활용가능