😺 Study/CSS, SCSS

SCSS_선택자

<rin> 2020. 6. 24. 00:56
반응형

예시)


$color: #333; >> $color라는 변수 설정
.btn { &:hover { color : $color; } >> &(가상선택자의 위치 ) .btn을 hover했을 때 색상을 위의 변수로 설정

.lnb { color: $gray;
    ul { border: 1px; 
        > li { background: pink;
            & : last-child { background: yellow; } >> li의 마지막 자식 선택
        }
    }
}

 

p.s - 유튜브 리베하얀 영상 참고

 

반응형