初识这个css3属性的时候,就想到了html中的锚点特效,也是只要在href的属性附上某节点元素的id号即可,好吧,现在来具体说说这个属性的一些特点:
目标伪类选择器:target是众多使用的css3特效中的一个,用来匹配文档(页面)中的URI中的某个标识符的目标元素.这样说好像有点抽象了哈,那就直接上例呗:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>target demo</title>
<style type="text/css">
div:target{
background: purple;border: 1px solid black;
}
</style>
</head>
<body>
<ul>
<li><a href="#tab1">tab1</a></li>
<li><a href="#tab2">tab2</a></li>
<li><a href="#tab3">tab3</a></li>
<li><a href="#tab4">tab4</a></li>
</ul>
<div id="tab1">this is tab1</div>
<div id="tab2">this is tab2</div>
<div id="tab3">this is tab3</div>
<div id="tab4">this is tab4</div>
</body>
</html>
这个效果还是蛮好用的,兼容性的话,支持IE9+和其他现代所有浏览器
