scss-2

문법블로그

부모 참조 선택자 '&(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 을 하면 전역으로 활용가능