재사용 LESS 중첩 스타일

이의 내가 덜 사용하여 정의 된 스타일이 있다고 가정 해 봅시다 : 나중에재사용 LESS 중첩 스타일

ul.unstyled, 
ol.unstyled { 
    margin-left: 0; 
    list-style: none; 
}

, 내가 할 unstyled 클래스를 다시 사용 그러나, 나는 그것을 작동하게하는 마법을 이해할 수 없다. 이견있는 사람?

임의의 클래스 정의는 재사용 할 수 없으며 혼합 된 점 (점으로 시작하는 점) 만 재사용 할 수 있습니다. 이 경우 그것을 복제해야합니다.

2012-09-27 17:11:09

이것은'.myClass'를 정의 할 때 LESS가 매개 변수없는 mixin을 생성한다는 것을 의미합니까? –

좋은 질문입니다. 제 생각에 그렇습니다. 설명서에 따르면 mixins는 클래스 일뿐입니다. "Mixins를 사용하면 클래스 이름을 속성 중 하나에 포함시켜 클래스의 모든 속성을 다른 클래스에 포함 할 수 있습니다. 변수와 비슷하지만 클래스 전체 ". –

이 시도 :이 ul.unstled 및 ol.unstyled로 정의되어있는 경우

.unstyled { 
    margin-left: 0; 
    list-style: none; 
} 

.my-list { 
    .unstyled; 
}

당신은 둥지 .unstyled 할 수 없습니다.

2012-09-27 16:45:32

그 왜냐하면 내가 원래의 정의를 소유하고 있지 않기 때문입니다. 즉'unstyled' 클래스는'Bootstrap.less'에 정의되어 있습니다. 종속성을 수정하는 것을 피하고 싶습니다. 대신 중첩 스타일을 다시 사용하는 방법을 알고 싶습니다. –

아. 이러한 스타일을 덮어 쓰거나 재정의 할 수 없다면 원하는대로 다시 사용할 수 있을지 확신하지 못합니다. LESS는''ul.unstyled'' 등을 중첩 클래스로 지정할 수 없습니다. 믹스 인을 만들 수는 있지만 코드 복제가 가능합니다. –

가 중첩 스타일 그리고 당신은 아마 부트 스트랩 소스 코드를 편집하지 않으려 할 때 .unstyled를 다시 사용할 수 없기 때문에, 나는 당신이 당신의 목록에 두 클래스 이름을 지정 좋을 것 :

<ul class="unstyled my-list" />

2013-04-15 12:49:16 Sander

답변