DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>结构性伪类选择器—target</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="menuSection" id="brand">
<h2><a href="#brand">Brand</a></h2>
<p>content for Brand</p>
</div>
</body>
</html>
按CSS3来说,添加:target要在html中有href="#brand"和id="brand"才能使用,像这样:
:target{
display:none;
}
而:target指的是id='brand'的div对象
若有多个target,需要把他们分辨开:
#brand:target{
display:none;
}
如果你想给a标签添加target属性的话就例如:<a href="#brand" target="_self">Brand</a>
但是教程中的target是css选择器,写法是div.menuSection:target{样式内容},表示跳转到div.menuSection这个div时对div.menuSection设置什么样式。
<a href="#brand">Brand</a>就是当你点“Brand”这个超链接时会跳转到当前页面的id="brand"的元素位置