:target CSS 偽類 代表一個(gè)唯一的頁(yè)面元素(目標(biāo)元素)，其id 與當(dāng)前URL片段匹配 .
突出顯示活動(dòng)的HTML錨點(diǎn):
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥(niǎo)教程(cainiaoplus.com)</title>
<style>
:target
{
border: 2px solid red;
background-color: yellow;
}
</style>
</head>
<body>
<h1>這是一個(gè)標(biāo)題</h1>
<p><a href="#news1">跳轉(zhuǎn)到 content 1</a></p>
<p><a href="#news2">跳轉(zhuǎn)到 content 2</a></p>
<p>單擊上面的鏈接，然后：target選擇器突出顯示當(dāng)前活動(dòng)的HTML錨點(diǎn).</p>
<p id="news1"><b>New content 1...</b></p>
<p id="news2"><b>New content 2...</b></p>
<p><b>注意:</b> IE 8 以及更早版本的瀏覽器不支持 :target 選擇器.</p>
</body>
</html>測(cè)試看看 ?/?:target
# 錨的名稱是在一個(gè)文件中鏈接到某個(gè)元素的URL。元素被鏈接到目標(biāo)元素。
:target選擇器可用于當(dāng)前活動(dòng)的target元素的樣式。
表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。
| 選擇器 | |||||
|---|---|---|---|---|---|
| :target | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |