LESS의 직계 자식 선택기

어쨌든 출력에 직계 자식 선택기 (>)를 ​​덜 적용하게 할 수 있습니까?

내 style.less에서 다음과 같이 작성하고 싶습니다.

.panel {
    ...
    > .control {
        ...
    }
}

다음과 같은 것을 적게 생성하십시오.

.panel > .control { ... }

최신 정보

실제로 원래 질문의 코드는 잘 작동합니다. >자식 선택기를 고수 할 수 있습니다 .

답을 찾았습니다.

.panel {
    ...
    >.control {
        ...
    }
}

">"와 "."사이에 공백이 없습니다. 그렇지 않으면 작동하지 않습니다.

공식적인 방법 :

.panel {
  & > .control {
    ...
  }
}

& 항상 현재 선택기를 참조합니다.

http://lesscss.org/features/#features-overview-feature-nested-rules 참조

올바른 구문은 다음과 같으며 '&'를 사용하면 여기서 중복됩니다.

.panel{
   > .control{
   }
}

더 적은 지침 에 따르면 , '&'는 조상을 매개 변수화하는 데 사용됩니다 (그러나 여기에는 그러한 필요가 없습니다). 에서 이 덜 예를 들어 , & : 호버은 필수 끝난 : 호버 그렇지 않으면 구문 오류가 발생합니다. 그러나 여기에 '&'를 사용하는 데 필요한 구문은 없습니다. 그렇지 않으면 모든 중첩은 본질적으로 부모를 참조하므로 '&'가 필요합니다.

더 많은 선택자를 대상으로해야하는 경우 :

.parent {
    >.first-child,
    >.second-child,
    >.third-child {
    ...
    }
}

당신은 첫 번째로 첫 번째 자식 요소를 대상으로하는 경우 또한, <td>의를 <tr>, 다음과 같이 사용할 수 있습니다 :

tr {
    & > td:first-child {font-weight:bold;}
}

이것은 필요하지 않을 때 클래스 선언을 줄이는 데 도움이됩니다.