我有:
<div class=mystyle>
<input type=checkbox>
<div>
<div> <!---<< the label can be inside here--->
<div> <!---<< or here--->
..... <<!---< or ????--->
</div>
</div>
</div>
<div>
</div>
</div>
我有label
input
元素
我想使用检查状态。
有没有办法创建一个连接到checked状态的css选择器来选择它(label
),无论它在哪里?
(现在我有: mystyle输入:first-of-type:checked~div&gt; div&gt; div&gt; label:hover:after 但------ )
答案 0 :(得分:1)
试试
input:checked + div label {
/* label style here */
}
此选择器表示:“选择label
元素内的所有div
个元素,这些元素是已检查input
的直接兄弟