Html 单选按钮不会显示/隐藏div

我试图使用css通过单选按钮显示和隐藏div。 我的代码有问题吗：波浪线选择器

一般同级组合选择器与 相邻兄弟组合选择器。区别在于 被选择的元素不需要立即在第一个元素之后成功 元素，但可以出现在其后的任何位置

因此，他们必须共享同一个父对象，他们不能像您那样在页面上的任何位置，例如

<div class="col-md-1">
    <input type="radio" class="iradio" name="logoselection" id="logo-as-is" />
    <label for="logo-as-is">Hide div</label>
    <div id="hideme">Hidden when radio checked</div>
</div>

#logo-as-is:checked ~ #hideme {
    display:none;   
}

将起作用，而如果您试图隐藏的div与单选按钮不共享同一父项，则它将不起作用

---

这就给您留下了两个选择来完成您想要完成的任务，重新构造您的HTML abit，以便您试图隐藏的所有元素也共享同一父元素，并遵循选中时隐藏它们的元素。或者，不幸的是，求助于使用javascript。

您可以使用javascript实现同样的效果

它的算法是这样的-

检查是否检查了相应的收音机

---

如果选中，则隐藏div。

@Gilbert不幸的是，CSS没有这种功能。如果你想保持HTML的原样，做你想做的事情，你就必须求助于使用javascript来完成。

<div class="col-md-1">
    <input type="radio" class="iradio" name="logoselection" id="logo-as-is" />
    <label for="logo-as-is">Hide div</label>
    <div id="hideme">Hidden when radio checked</div>
</div>

#logo-as-is:checked ~ #hideme {
    display:none;   
}