使用：勾選以在頁面上的任何位置切換CSS元素？

Question

我最近聽說，使用複選框樣式元素與其相鄰的方法，使用：

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

現在我願意做同樣的事情，但用一塊CSS被全球應用和而不僅僅是下一個元素。所以基本上同時複選框被選中的CSS的行爲就好像它是：

.toggling-element{ 
Some css 
} 

然後將適用於帶班的所有元素「切換元素」，不只是一個鄰近的複選框元素。

這可能嗎？

Answer 1

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

沒有，你不能沒有JavaScript這樣做，因爲CSS沒有選擇父元素的方式。

我認爲這是安全的假設你不會這樣構建你的標記;這太不切實際了。