css - 使用波浪号将选择相邻的 div，但如果我使用类名而不是它不会..我错过了什么吗？

Question

使用波浪号将选择相邻的 div，但如果我使用类名，则不会。我错过了什么吗？

checkbox:checked ~ div {
  visibility: visible;
}

checkbox:checked .menu {
  visibility: visible;
}

标签： css

Answer 1

为了使您的选择器起作用， .menu 类必须是复选框的子元素。

如果您想选择 .menu 元素并且该元素是复选框的兄弟/相邻元素，那么您仍然需要波浪号。

checkbox:checked ~ .menu {
    visibility: visible;
}