是否可以使用 :checked CSS 设置所有元素的所有属性？

Question

怎样才能select所有元素都勾选后？

input:checked + .box
{
    border: 2px solid black;
}

仅将边框设置为 .box，但我想在选中后对所有元素进行设置

Answer 1

您可以将复选框后的所有元素包装在一个公共元素中，这样它们都将依赖于复选框。

<input type="checkbox">
<div class="boxes-wrapper">
  <div class="box"></div>
  <div class="box"></div>
</div>

然后在 CSS:

input[type=checkbox]:checked + .boxes-wrapper .box {
  border: 2px solid black;
}

Is possible set all a atributte all elements with :checked CSS?