Html 仅CSS多个onclick事件

这通常是我试图在css中找出的一种破解方法，从我所能收集到的信息来看，它在理论上应该是有效的，但事实并非如此

#展开{
宽度：30px；
高度：30px；
背景色：rgba（0,0,0,0）；
}
#btn{
显示：无；
}
#btn:选中+标签：之前{
变换：旋转（90度）；
}
#btn:选中+标签：之后{
变换：旋转（180度）；
}
#btn:选中+。按钮：之前{
显示：无；
}
#btn:选中+。按钮：之后{
显示：内联块；
}
.按钮{
位置：相对位置；
宽度：25px；
高度：25px；
显示：内联块；
}
.按钮：之前，
.按钮：之后{
内容：“；
位置：绝对位置；
背景色：黑色；
过渡：变换0.35秒缓解；
}
/*垂直线*/
.按钮：之前{
排名：0；
左：46%；
宽度：4px；
身高：100%；
左边距：2倍；
边缘顶部：2倍；
}
/*水平线*/
.按钮：之后{
最高：50%；
左：0；
宽度：100%；
高度：4px；
左边距：2倍；
}
.通知{
显示：无；
}

标题
很多内容

您有类似的选择器：

#btn:选中+。按钮：之前{
显示：无；
}
#btn:选中+。按钮：之前{
显示：内联块；
}

和

#btn:checked+标签：before

和

#btn:checked+。按钮：before

是一样的

我认为应该是这样的：

#展开{
宽度：30px；
高度：30px；
背景色：rgba（0,0,0,0）；
}
#btn{
显示：无；
}
#btn:选中+标签：之前{
变换：旋转（90度）；
}
#btn:选中+标签：之后{
变换：旋转（180度）；
}
#btn:选中+。按钮：之前{
显示：无；
}
#btn:已检查~。通知{
不透明度：1；
}
.按钮{
位置：相对位置；
宽度：25px；
高度：25px；
显示：内联块；
}
.按钮：之前，
.按钮：之后{
内容：“；
位置：绝对位置；
背景色：黑色；
过渡：变换0.35秒缓解；
}
/*垂直线*/
.按钮：之前{
排名：0；
左：46%；
宽度：4px；
身高：100%；
左边距：2倍；
边缘顶部：2倍；
}
/*水平线*/
.按钮：之后{
最高：50%；
左：0；
宽度：100%；
高度：4px；
左边距：2倍；
}
.通知{
显示：内联块；
不透明度：0；
过渡：所有。5s轻松；
}

标题
很多内容

什么不起作用？您的“+”会在单击后变为“-”。你想得到什么？我会重新编辑hold onDown投票，没有评论为什么？这正是我想要的。。。稍微调整一下，我保持了

.inform

与

显示：无

相同，并更改了

#btn:checked~。inform

为

显示：内联块

，它做了我想要的事情，但保持代码最少，我知道这会起作用。。。