CSS基于同级的子元素选择元素

CSS基于同级的子元素选择元素,css,Css,我在工作中和一个项目混在一起,并试图一边工作一边思考CSS。 在多次尝试失败后,我已经基于复选框构建了一个切换开关,但现在我想根据复选框的状态更改同级元素的样式 我想做的是在选中/取消选中复选框时,让中的副本更改颜色 我希望这是直截了当的,我只是看了太久,没有看到解决方案 我不受这些代码的约束,因此可以在必要时重新排列HTML或CSS。如果您有时间和意愿对此提出建议,我们将不胜感激 提前干杯您不能在CSS中选择家长。。。然而仅使用CSS就可以做到这一点的唯一方法是重新排列HTML,使跨距成为输

我在工作中和一个项目混在一起,并试图一边工作一边思考CSS。 在多次尝试失败后,我已经基于复选框构建了一个切换开关,但现在我想根据复选框的状态更改同级元素的样式

我想做的是在选中/取消选中复选框时,让
中的副本更改颜色

我希望这是直截了当的,我只是看了太久,没有看到解决方案

我不受这些代码的约束,因此可以在必要时重新排列HTML或CSS。如果您有时间和意愿对此提出建议,我们将不胜感激


提前干杯

您不能在CSS中选择家长。。。然而仅使用CSS就可以做到这一点的唯一方法是重新排列HTML,使跨距成为输入的同级。然后可以使用
:checked~.toggleLabel

如果您不想/无法重新排列HTML,JavaScript是您唯一的选择


您不能在CSS中选择父项。。。然而仅使用CSS就可以做到这一点的唯一方法是重新排列HTML,使跨距成为输入的同级。然后可以使用
:checked~.toggleLabel

如果您不想/无法重新排列HTML,JavaScript是您唯一的选择


您可能需要一些JavaScript或jQuery,因此请在您的问题中说明这一点。谢谢您可能需要一些JavaScript或jQuery,因此请在问题中说明这一点。谢谢我很高兴重新排列我的HTML。我一直在努力寻找最好/正确的方法来处理事情,我并不着急。我很乐意重新整理我的HTML。我一直在努力寻找最好/正确的做事方式,并不着急。