스타일이 작은 부모 및 자식의 중첩 스타일

요소 및 일부 자손에 대한 스타일을 설정하려면 어떻게해야합니까? 마찬가지로 예를 들어 :스타일이 작은 부모 및 자식의 중첩 스타일

.datepick-month-header, .datepick-month-header select, .datepick-month-header input { 
background-color: black; 
color: #fff; 
font-weight: bold;

} 내가 잘 작동 중첩 스타일을 발견했습니다,하지만 난 둘 다 $이와 후손을 선택합니다 적은 문서에

.datepick-month-header { 

    select, input { // this selects "select" and "input", 

}

}

어떻게 하나 개의 선언에있는 모든 세 가지 요소 (부모, 어린이)을 설정할 수 있습니까?

는 예를 들어, 부모 컨텍스트를 참조하는 당신에게

출처

2012-09-16 Daniele

당신이 제안하는지 시도? 쉼표로 구분 된 여러 선택기를 선언하기 만하면됩니다. 무슨 문제 있니? –

절대적으로, 나는 이것을 얻는다 : .datepick-month-header select, .datepick-month-header input { background-color : # 000000; 색상 : #ffffff; font-weight : bold; } 부모 스타일을 지정하지 않습니다. – Daniele

정상적으로 작동합니다. 난 그냥 http://lesstester.com/에서 적은 컴파일러에 대해 동일한 코드를 실행하고 내가 예상 한 결과를 얻을. –

사용 & 감사합니다.

.a { 
    &, & .b .{ 
    } 
}

출처

2012-09-16 12:55:34

가는 길! 고맙습니다. – Daniele

이것이 어떻게 당신의 문제를 @ Daniele 해결했는지 볼 수는 있습니다. 그러나 나는 왜 단순히 쇠사슬로 묶여있는 decleration이 당신을 위해 일하지 않았는지 이해하지 못합니다. 내가 .a, .a .b {}를하면이 일은 내게 잘 돌아 간다. 나는 내가 당신의 질문을 이해하지 못했는지, 아니면 당신에게 잘못된 것이 있는지 궁금합니다. –

나는 이것을 얻기위한 수십 가지 방법이 있음을 알고 있지만, 나는 지식을 위해서 요구했다.) – Daniele

는 내가이 작업을 수행 할 수 있습니다 알고 있지만, 출력 CSS에서 중복 코드를 얻을 :

.datepick-month-style { 

background-color: @datepickMonthHeaderBackgroundColor; 
color: @datepickMonthHeaderColor; 
font-weight: bold; 

} 

.datepick-month-header { 

.datepick-month-style; 

select, input { 

    .datepick-month-style; 

} 

}

출처

2012-09-16 12:57:16 Daniele

스타일이 작은 부모 및 자식의 중첩 스타일

답변

관련 문제