html - 为下一个可用元素使用 CSS 选择器

Question

我的html树是这样的

<input type = "checkbox" style = "display:none" id = "select">
<label for = "select" id = 'click'>
  click
</label>
<div class = 'next'>    
</div>

现在，当使用 css 中的选择器选中复选框时，我如何为 div 'next' 设置样式

我试过这种方法，但是没有用

#click:checked + .next{
}

有什么建议吗？

Answer 1

#select:checked ~ .next {
    color: blue;
}

获取 checked 值的不是 click 元素，而是具有 id select 的输入。