Html 当选中div内的复选框时，如何在CSS中回溯试图更改div颜色的跟踪？

我有一个div，其中有一个复选框，我试图改变div的颜色时，复选框选中-未选中使用HTML CSS只不使用JavaScript。但由于CSS不支持回溯，我不知道如何实现这一点

CSS:

.内容{ 高度：50px； 宽度：50px； 边框：1px纯黑； } HTML:

我已将复选框和范围包装在一个标签中，然后在下面添加了CSS：

标签{ 高度：50px； 宽度：50px； 边框：1px纯黑； 显示：内联块； 位置：相对位置； } .内容{ 显示：内联块； 位置：绝对位置； 身高：100%； 宽度：100%； 排名：0； z指数：-1； 左：0； } 输入：选中+span{ 背景颜色：红色 }

---

你为什么不能使用javascript？根据您的结构和期望的结果，您可以将样式以溢出的方式放入复选框并占用div空间……但这不是一个很好的做法。@BrunoMonteiro没有这么大的理由，但我们正在创建一个库，由于各种业务原因，它有一些限制，我们试图使用纯CSSI实现大部分功能。请看……据我所知，不可能更改基于子组件的父组件的样式。因此，您可以使用JS或某种溢出解决方案：如果您使用JS，您可以向div添加一个与复选框值匹配的true/false数据属性。然后使用css使用该属性设置样式。可能的重复项由于标签环绕复选框，因此它不需要for属性。标签不允许包含div。这应该从标签允许的内部设置为span或其他内容。@misorude我已经更新了我的ans。谢谢您提供的信息