41 lines
886 B
HTML
41 lines
886 B
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>14_伪类选择器_目标伪类</title>
|
|
<style>
|
|
div {
|
|
background-color: gray;
|
|
height: 300px;
|
|
}
|
|
|
|
div:target {
|
|
background-color: green;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<a href="#one">去看第1个</a>
|
|
<a href="#two">去看第2个</a>
|
|
<a href="#three">去看第3个</a>
|
|
<a href="#four">去看第4个</a>
|
|
<a href="#five">去看第5个</a>
|
|
<a href="#six">去看第6个</a>
|
|
<div id="one">第1个</div>
|
|
<br>
|
|
<div id="two">第2个</div>
|
|
<br>
|
|
<div id="three">第3个</div>
|
|
<br>
|
|
<div id="four">第4个</div>
|
|
<br>
|
|
<div id="five">第5个</div>
|
|
<br>
|
|
<div id="six">第6个</div>
|
|
<br>
|
|
</body>
|
|
|
|
</html> |