Селектор для родителя?

Question

[codymaverick]

Доброго времени суток.
Итак, есть 3 тэга label, в каждом из них input радио-кнопка. Есть ли такой селектор, который выберет label с input:cheked?

Comments

[Денис Букреев]

в label лежит input??

[codymaverick]

Да

[Михаил]

так сделать не получится

[Денис Букреев]

codymaverick: 1) так нельзя
2) javascript

в CSS нет селектора родителя
только сиблинги и дочерние

Answer 1

[GreatRash]

Родительского селектора в CSS нет и в ближайшем будущем не планируется. Если интересно почему, жми сюда.

Answer 2

[Никита]

$('label').find('input:checked').parent();

через css нельзя по каскаду вверх подниматься

Answer 3

[DmitrySorokin]

Как вариант, если нужна стилизация lable в зависимости от состояния инпута, можно поместить label и input в один блок:

<div>
	<input type="radio" id="example">
	<label for="example"></label>
</div>

И в css писать правило:

input:checked + label{
    background: red;
}

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