Html ：选中的选择器未更改所需的css

我试图通过按下复选框来更改包装的背景色

.switch\u 1:选中~.table\u包装器{
背景：黑色；
}

以下是可行的方法。元素需要是同级（并排）才能工作

css中当前没有“父选择器”：

因此，我认为交付您正在努力实现的功能的最佳选择是使用javaScript

.switch\u 1:选中~.table\u包装器{
背景：黑色；
}

你好

如果不能更改DOM结构，则不能使用CSS，但可以使用JS

$（“.switch_1”）.change（函数（）{
$（'.table_wrapper'）.toggleClass（'active'）；
});
.table\u wrapper.active{
背景：黑色
}



自闭症
.table\u wrapper
不是
.switch
的兄弟，因此使用
~
的选择器将无法工作。由于还没有父选择器，CSS aloneThe

~是通用的同级选择器。因此，除非您的包装器是输入的同级（同一父元素的子元素），否则您无法访问它。感谢提醒，不知道我是如何忽略这一点的。感谢帮助，它确实有效，但我需要李的div。