css - 使用 :checked 为页面上任何位置的元素切换 CSS？

Question

我最近听说过一种方法，它使用复选框来设置与其相邻的元素的样式，使用：

.checkbox-whatever:checked + .toggling-element{
 Some css
}

现在我想做同样的事情，但在全球范围内应用一段 css 而不仅仅是下一个元素。所以基本上，当复选框被选中时，css 的行为就像是：

.toggling-element{
Some css
}

然后它将应用于所有具有“toggling-element”类的元素，而不仅仅是与复选框相邻的元素。

那可能吗？

Answer 1

假设您的.toggle-element元素不是您的所有兄弟姐妹.checkbox-whatever：

不，没有 JavaScript 就无法做到这一点，因为 CSS 无法选择父元素。

我认为可以肯定地假设您不会以这种方式构建您的标记。这太不切实际了。