css - 通过选中的选择器隐藏前一个元素

Question

我想使用 css3 特性来隐藏前一个元素。

基本上，

我想在不使用 javascript 的情况下使用复选框来隐藏前一个同级元素。

我已经为入口点准备了一个样本。

http://cssdesk.com/5zccy

谢谢

编辑:

• 我已经更改了样本。
• 我的用例:我想在我的网站上有可折叠的部分。两个区域由一个简单的复选框分隔并选中它会漂亮地隐藏 previous sibling 。

我相信使用纯 css 会让我减少使用 javascript 来完成这项任务。

Answer 1

您不能隐藏前面的元素 - 只能使用 general sibling selector 隐藏后面的元素

DEMO

然后您可能能够定位元素，因此在实际页面上，复选框将出现在 .parent div 之后。