LESS : 미디어 쿼리로 CSS 선택기를 그룹화 할 수 있습니까?

Question

나는 당신이 쉽게 재사용 할 수있는 미디어 쿼리 변수를 만들 수 있다는 것을 발견하고 코드를 훨씬 더 읽기 쉽게 만들었다.

@tablet: ~"(min-width: 768px) and (max-width: 980px)"; 
@media @tablet { ... } 

나는이 그룹에 선택과 미디어 쿼리 수 있는지 알고 싶어요. 내가 구현 한 방식대로 작동하지 않는 것 같지만 가능성이 있는지를 물어볼 것이라고 생각했습니다.

@tablet: ~"(min-width: 768px) and (max-width: 980px)"; 
body { 
    aside { ... } 

    &.homepage, 
    @media @tablet { 
    aside { ... } 
    } 
} 

나는 당신이 미디어 쿼리의 내부에 선택기를 정의하기 때문에 미디어 쿼리를 실행-의 평범한 선택기에서 다르다는 것을 이해하지만, 일부 부두는 다음과 같이 그룹화 달성하기 LESS 방법은?

Answer 1

I 아니에요 100 % 당신이 가고있는 출력의 일부하지만,이 LESS 한 번만 색상 red 정의하고, 모두에 적용 :

:

@tablet: ~"(min-width: 768px) and (max-width: 980px)"; 
body { 
    aside { color: blue } 

    &.homepage { 
    aside { color: red } 
    } 

    @media @tablet { 
    .homepage; 
    } 
} 

이 CSS를 산출

body aside { 
    color: #0000ff; 
} 
body.homepage aside { 
    color: #ff0000; 
} 
@media (min-width: 768px) and (max-width: 980px) { 
    body aside { 
    color: #ff0000; 
    } 
}