目标选择器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/* 目标伪类选择器;选择是目标元素 什么是目标元素:这个元素的id被当作超链接的锚点#标识了 */
/* 匹配页面所有元素 */
:target{
color: red;
}
/* 匹配页面上的目标元素 并且这个目标元素是h1标签匹配成功 */
h1:target{
color: blue;
}
</style>
</head>
<body>
<a href="#anchor1">锚点1</a>
<a href="#anchor2">锚点2</a>
<br><br><br><br>
<h1 id="anchor1">锚点1</h1>
<h2 id="anchor2">锚点2</h2>
</body>
</html>