:target选择器称为css目标选择器,用来匹配文档(页面)的url的某个标志符的目标元素。我们先来上个例子,然后再做分析。
示例展示
点击链接显示隐藏的段落。
HTML代码:
<h2><a href="#brand">Brand</a></h2>
<div class="menuSection" id="brand">
content for Brand
</div>
CSS代码:
.menuSection{
display: none;
}
:target{/*这里的:target就是指id="brand"的div对象*/
display:block;
}
本文介绍CSS中:target选择器的使用方法,通过实例展示了如何利用:target选择器实现点击链接显示隐藏内容的效果。:target选择器可以匹配文档URL中的某个标志符,从而控制页面元素的显示状态。
316

被折叠的 条评论
为什么被折叠?



