如何讓添加一個:target呢?
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>
2016-08-22
按CSS3來說,添加:target要在html中有href="#brand"和id="brand"才能使用,像這樣:
:target{
display:none;
????}
而:target指的是id='brand'的div對象
若有多個target,需要把他們分辨開:
#brand:target{
display:none;
????}
2016-08-22
如果你想給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"的元素位置