html – 仅使用CSS隐藏Div

概述有没有办法只在单击链接时用css隐藏div.我正在创建一个需要能够在没有JS时关闭的d出窗口.我已经尝试了各种方法但是当按钮位于需要隐藏的div内时它们没有工作. when the button is inside the div that needs to hide. 简答：不,当按钮位于元素内部时,您无法实现此目的.谢谢Joseph Marikle 但是,当按钮位于div之外时,您可以实现此目 有没有办法只在单击链接时用CSS隐藏div.我正在创建一个需要能够在没有Js时关闭的d出窗口.我已经尝试了各种方法但是当按钮位于需要隐藏的div内时它们没有工作.解决方法

when the button is insIDe the div that needs to hIDe.

简答：不,当按钮位于元素内部时,您无法实现此目的.谢谢Joseph Marikle

但是,当按钮位于div之外时,您可以实现此目的.

#hIDe {  display: none;}label {  cursor: pointer;  text-decoration: underline;}#hIDe:checked ~ #randomdiv {  display: none;}

<input type="checkBox" ID="hIDe" /><div ID="randomdiv">  This is a div  <label for="hIDe">HIDe div</label></div>

总结

以上是内存溢出为你收集整理的html – 仅使用CSS隐藏Div全部内容，希望文章能够帮你解决html – 仅使用CSS隐藏Div所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。