CSS实现点击链接显示div
我们可以借助CSS的:target伪类选择器来实现点击链接显示相应的
元素。
具体实现方法如下：
<div id="div1">这是第一个<div>元素</div></div>
<div id="div2">这是第二个<div>元素</div></div>
<style>
div {
display: none;
}
/* 先将所有<div>元素隐藏 */
div:target {
display: block;
}
/* 当链接被点击并且锚点与当前元素ID一致时，则显示相应的<div>元素 */
</style>
<a href="#div1">显示第一个<div>元素</div></a>
<a href="#div2">显示第二个<div>元素</div></a> 通过上述代码示例，我们可以看到，当链接被点击后，页面中的相应
元素被展示出来。如果想要将
元素进行样式修饰，只需要在对应的CSS样式表中进行样式设置即可。
如果你认为本文可读性较差，内容错误，或者文章排版错乱，请点击举报文章按钮，我们会立即处理！
最新文档
