Select 未知级别的输入检查元素的标签

Question

我有：

<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

我想使用勾选状态

有没有什么方法可以创建一个 css select 或连接到 select 的检查状态（label），无论它在哪里？。

( 现在我有： mystyle input:first-of-type:checked ~ div>div>div>label:hover:after 但 - - - )

Answer 1

试试

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

这个选择器的意思是：“选择 div 元素内的所有 label 元素，该元素是选中的 input 的直接兄弟”

Select 未知级别的输入检查元素的标签

Select a label for input checked element at a unknown level

css

css-selectors