CSS3 target 选择器_:target伪类的使用

站长手记 作者: 2024-08-28 07:50:02
arget作为目标伪类选择器,是css3中的新特性之一。URL 带有后面跟有锚名称 #,指向文档内某个具体的元素。这个被链接的元素就是目标元素(target element)。:target 选择器可用于选取当前活动的目标元素。
<style>
:target {
	border: 2px solid #D4D4D4;background-color: #e5eecc;
}
</style>
<p>
	<a href="#news1">跳转至内容 1</a>
</p>
<p>
	<a href="#news2">跳转至内容 2</a>
</p>
<p>请点击上面的链接,:target 选择器会突出显示当前活动的 HTML 锚。</p>
<p id="news1"><b>内容 1...</b></p>
<p id="news2"><b>内容 2...</b></p>
<p><b>注释:</b> Internet Explorer 8 以及更早的版本不支持 :target 选择器。</p>

总结

原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_70009.html
CSS3 CSS3选择器 target伪类