CSS를 사용하여 상위 항목 선택

Question

CSS를 사용하여 상위 항목을 선택할 수있는 방법이 있습니까? 나는

input['_type_']:checked _parent_ label:after{ 
    some css 
} 

내가 사용하는 라벨에에 대한 속성 수없는, 내 구조는 내가 이런 일을하려고 내 CSS에서이

<label> 
    <input /> 
<label> 

의미.

Answer 1

불행히도 CSS에는 상위 선택자가 없지만 input 다음에 label을 넣고이 순서 (인접 형제 조합자를 사용하여 선택자에 "+")를 사용할 수 있습니다.

HMTL :

<input /> 
<label><label> 

CSS :

input['_type_']:checked + label:after{ /*means the element that follows input*/ 
    some css 
} 

당신은 또한 못생긴 해키 트릭을하고 라벨 내부

JSFiddle

HTML을 다른 레이블을 넣을 수 있습니다 :

<label> 
    click me 
    <input type="checkbox" /> 
    <label>color</label> 
</label> 

CSS : 당신이 레이블을 클릭하고 입력 한 후 이동 다른 레이블이 몇 가지 물건을 할 수

input[type="checkbox"]:checked + label { 
    color: red; 
} 

이 방법.

HTH.