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

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)