• 회원가입
  • 로그인
  • 구글아이디로 로그인

[basic] LESS - Scope (유효 범위)

647  

LESS 유효범위는 CSS와 유사. 즉,

변수와 믹스인은 로컬에서 먼저 검색 후, 없으면 부모 범위에서 상속.

※ 부모 정의 위치는 앞뒤 무관. (아래 두 경우 모두 동일한 결과)

[부모가 앞에 위치한 경우]

 

@var: red;

#page {

    @var: white;

    #header {

        color: @var; // white

    }

}

 


[부모가 뒤에 위치한 경우]

 

@var: red;

#page {

    #header {

        color: @var; // white

    }

    @var: white;

}


PS. Lazy loading (= Lazy Evaluation)

 


분류 제목
basic LESS - Home (입문)
basic LESS - Intro (소개)
basic LESS - Installation (설치)
basic LESS - Variables (변수)
basic LESS - Parent Selectors (부모 선택자)
basic LESS - Mixins (믹스인)
basic LESS - Nesting (중첩 = 안긴 형태)
basic LESS - Operations (연산)
basic LESS - Escaping (회피 = 이스케이핑)・Function (함수)
basic LESS - Namespaces (네임스페이스)・Accessors (접근자)
basic LESS - Maps (맵)
basic LESS - Scope (유효 범위)
basic LESS - Comments (주석)
basic LESS - @import (가져오기)
basic LESS - @plugin (플러그인 가져오기)
basic LESS - Extend (상속 = 확장)
basic LESS - Merge (병합 = 결합)
basic LESS - CSS Guards
basic LESS - Detached Rulesets
1/6
목록
찾아주셔서 감사합니다. Since 2012