LESS

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

753

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 (가져오기)
1/8
목록
  • 채팅방
  • 필독
1. 채팅창 헤드에서 접속자 확인 2. 닉네임 클릭해 1:1 채팅 가능 3. 닉네임 클릭해 귓속말 가능 4. 닉네임 클릭해 호출하기 가능 5. 우하단 클릭해 환경 설정 가능 6. 의뢰글 작성 후 의뢰 상담 가능 7. 질문글 작성 후 질문 상담 가능 8. 채팅방에 개인정보 입력 금지 9. 채팅방에 광고 욕설 비방 금지
 홈  PC버전 로그인 일본어
웹디자인언어
서버관리언어
고급코딩언어
그누보드
제작의뢰
Q&A
커뮤니티
웹유틸
회원센터
홈짱닷컴 PC버전 로그인