Выбор родительского элемента с помощью css

Question

Есть ли способ, которым я могу выбрать родительский элемент с помощью css? Я имею в виду моя структура это

<label> 
    <input /> 
<label> 

В моей CSS я пытаюсь сделать что-то вроде этого,

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

я не могу использовать, атрибут для в этикетке.

Answer 1

К сожалению, нет родительского селектор в CSS, но вы можете поставить label после input и сделать что-то вроде этого (используя соседний родственный комбинатор, «+», в вашем селекторе).

HMTL:

<input /> 
<label><label> 

CSS:

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

Вы можете также сделать некоторые уродливые Hacky трюк и поставить другую метку внутри этикетки

JSFiddle

HTML:

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

CSS:

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

Таким образом, вы можете нажать ярлык и сделать некоторые вещи с другой этикеткой, которая идет после ввода.

HTH.