부모가 같은 자식을위한 CSS 선택자

Question

동일한 부모를 공유하는 일부 요소에 대해 CSS에 몇 가지 규칙을 쓰고 있습니다.

#parent_id li 
#parent_id label, 
#parent_id input, 
#parent_id select { ... } 

상위 ID를 반복하지 않으려면 다른 구문이 있습니까?

Answer 1

이 없음 순수 CSS에서가 아니라, 당신이 좋아하는 일부 CSS 프리 프로세서를 사용할 수 있습니다

• LESS CSS http://lesscss.org/
• 말대꾸 http://sass-lang.com/
• 스위치 CSS http://sourceforge.net/projects/switchcss/
• ... 또는 기타

Answer 2

CSS native는 이것을 지원하지 않습니다. 하지만 SASS를 사용할 수 있습니다/LESS :

#parent_id { 
    label, input, select { ... } 
} 

Answer 3

간단한 CSS에서는 불가능합니다. 이를 달성하려면 LESS을 시도하십시오.

Answer 4

당신이 선택하고 그 요소는 부모 요소 내의 모든 요소가있는 경우, 당신은 단지 부모 요소에 스타일을 적용 할 수 :이 아래로 상속되어야에

#parent_id { 
    .... 
} 

스타일 있도록 내부 요소 그 스타일도 얻습니다.

또 다른 옵션은 보편적 * 선택 사용할 수 있습니다 :이 적어도 한 수준 parent_id 요소 아래의 모든 요소에 영향을 미칠 것

#parent_id * { 
    .... 
} 

을하지만 parent_id 자체. parent_id에 평범한 텍스트가 있어도 영향을받지 않으려면 사용할 수 있습니다.

세 번째 옵션은 HTML 마크 업을 변경하여 영향을주고 싶은 요소가 클래스를 갖도록하는 것입니다. 그런 다음 CSS는 대신 해당 클래스를 참조 할 수 있습니다.

은 (BTW - 네, LESS/SASS/등 알고 있어요,하지만 난 다른 everone 같은 대답을 게시에 많은 가치가 있었다 생각하지 않았다)