为未知级别的输入选中元素选择标签

时间:2015-01-23 11:32:24

标签: css css-selectors

我有:

<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  但------ )

1 个答案:

答案 0 :(得分:1)

试试

input:checked + div label {
    /* label style here */
}

此选择器表示:“选择label元素内的所有div个元素,这些元素是已检查input的直接兄弟