代码实例
<!DOCTYPE html>
<html>
<head>
<style>
:target
{
border: 2px solid #D4D4D4;
background-color: #e5eecc;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p><a href="#news1">Jump to New content 1</a></p>
<p><a href="#news2">Jump to New content 2</a></p>
<p>点击上方链接看看效果</p>
<p id="news1"><b>New content 1...</b></p>
<p id="news2"><b>New content 2...</b></p>
<p><b>Note:</b> Internet Explorer 8 and earlier versions do not support the :target selector.</p>
</body>
</html> 尝试一下 »
点击“尝试一下”按钮查看在线实例
定义和用法
＃ 锚的名称是在一个文件中链接到某个元素的URL。元素被链接到目标元素。例如，example.html＃myelement转到在example.html中的id为“myelement”的元素。
:target选择器可用于当前活动的target元素的样式。
