Html 仅在CSS中使用“单击切换”更改图标的颜色

我正在使用这个代码。我还希望在

显示：block

时标签的颜色会发生变化

label.divcheck{颜色：蓝色；文本装饰：下划线；}
input.divcheck{display:none；}
input.divcheck+div{display:none；}
input.divcheck:checked+div{display:block；}

按钮导航
按钮其他
福
其他

不使用JavaScript的唯一方法是解析标签元素并将其放置在输入之后。这方面的例子如下

label.divcheck{
颜色：蓝色；
文字装饰：下划线；
}
input.divcheck{
显示：无；
}
input.divcheck~div{
显示：无；
}
input.divcheck：选中~div{
显示：块；
}
input.divcheck:选中~label.divcheck{
颜色：红色；
}
部分{
显示器：flex；
}

按钮其他
福
按钮导航
其他

问题是我的div不同步。我不能插入任何sript或jquery代码，很抱歉，没有其他方法可以使用checkbox和CSS来实现这一点。