css :target伪类选择器简单介绍
分类：实例代码
此伪类选择器可能很多朋友都不是太了解，其实在某些时候是非常好用的。
下面就通过代码实例介绍一下它的作用，希望能够给需要的朋友带来一定的帮助。
关于锚点定位可以参阅html利用锚点实现定位一章节。
下面介绍一下此伪类选择器的作用:
点击页面中能够跳转到页面其他元素的链接，那么这个目标其他元素就是我们:target要匹配的元素。
代码实例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>前端教程网</title>
<style type="text/css">
a{
width:60px;
height:20px;
background:#F90;
font-size:12px;
text-align:center;
line-height:20px;
position:fixed;
right:0px;
top:50px;
cursor:pointer;
display:block;
text-decoration:none;
}
#thediv{
width:100%;
height:50px;
background:#CCC;
margin-top:100px;
text-align:center;
line-height:50px;
}
#thediv:target{color:green;}
</style>
</head>
<body style="height:1000px;">
<a href="#thediv">点击定位</a>
<div id="thediv">前端教程网</div>
</body>
</html>
上面你的代码演示了:target伪类选择的作用，可以匹配链接跳转的目标。
:target选择器更多内容可以参阅CSS E:target一章节。
css :target伪类选择器简单介绍，这样的场景在实际项目中还是用的比较多的，关于css :target伪类选择器简单介绍就介绍到这了。
css :target伪类选择器简单介绍属于前端实例代码，有关更多实例代码大家可以查看。