HTML – 这是如何以及为什么这样做？

概述这个来自印度的Motyar来自网站： http://motyar.blogspot.no/2011/02/handling-onclick-event-with-css.html 显示了一个非常好的纯css方法来隐藏和显示div.但是我似乎无法理解它.这是代码,请向我解释一下新手. HTML(不是我的代码)： <div id="lightbox"> <a href=" 这个来自印度的Motyar来自网站： http://motyar.blogspot.no/2011/02/handling-onclick-event-with-css.html
显示了一个非常好的纯CSS方法来隐藏和显示div.但是我似乎无法理解它.这是代码,请向我解释一下新手.

HTML(不是我的代码)：

<div ID="lightBox">              <a href="#">HIDe me</a><br />              Hi!! <br />              i am the lighBox</div><a href="#lightBox" >Show the lighBox</a>

CSS(不是我的代码)：

#lightBox {        display:none;    } /* works with ie8+,firefox 2+,Safari,Chrome,Opera 10+ */ #lightBox:target {         display:block;      }

请全面向我解释一下.谢谢 ：)

解决方法 在CSS中,：目标位于CSS令牌之后,例如,#lightBox意味着当且仅当页面的URL附加了#lightBox时,才会评估规则#lightBox：target的内部代码.例如,http：//www.stackoverflow.com/#lightBox.在这种情况下,浏览器将评估以下代码：

#lightBox:target { display:block; }

总结

以上是内存溢出为你收集整理的HTML – 这是如何以及为什么这样做？全部内容，希望文章能够帮你解决HTML – 这是如何以及为什么这样做？所遇到的程序开发问题。

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