Использование тильды выберет соседний div, но если я вместо этого использую имя класса, я не буду ...

Question

Использование тильды выберет соседний div, но если я вместо этого использую имя класса, то не будет. Я что-то упустил?

checkbox:checked ~ div {
  visibility: visible;
}

checkbox:checked .menu {
  visibility: visible;
}

Answer 1

Для того, чтобы ваш селектор работал, класс .menu должен быть дочерним элементом вашего флажка.

Если вы хотите выбрать элемент .menu, и этот элемент является соседним / соседним с флажком, тогда вам все еще нужен символ тильды.

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