• SCSS_선택자

    2020. 6. 24.

    by. <rin>

    반응형

    예시)


    $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 - 유튜브 리베하얀 영상 참고

     

    반응형

    '😺 Study > CSS, SCSS' 카테고리의 다른 글

    SCSS_each문  (0) 2020.06.24
    SCSS_#{ } 문자보간  (0) 2020.06.24
    SCSS_@extend  (0) 2020.06.24
    SCSS_@mixin과 @include  (0) 2020.06.24
    SCSS_개념  (0) 2020.06.24

    댓글

Designed by Nana