Как нормально скрыть элемент при выборе переключателя

Добрый день!

Можно ли нормально скрыть элемент при выборе переключателя, пользуясь только css?

Почему конструкция

input:checked ~ a { visibility: hidden;}

работает, а конструкция

input:checked ~ a{display: none;}

не работает?

Цитата:

---

Можно ли нормально скрыть элемент при выборе переключателя, пользуясь только css?

---

Да, можно

Цитата:

---

input:checked ~ a { visibility: hidden;}
input:checked ~ a{display: none;}

---

Должно работать одинаково. Возможно мешает другой селектор, например:

a{displat: block !important;}