只有单击链接时,才可以用CSS隐藏div。我正在制作一个需要在没有JS时才能关闭的弹出窗口。我尝试了各种方法,但是当按钮位于需要隐藏的div内时,它们却没有起作用。
当按钮位于需要隐藏的div内时。
简短答案:不,当按钮位于元素内部时,您将无法实现此目的。 谢谢约瑟夫·马里克尔
但是,当按钮在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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句