CSS3实现tab页签切换

通过:target伪类选择器实现

** html部分 **

	<a href="#div1">div1</a>
	<a href="#div2">div2</a>
	<a href="#div3">div3</a>
	<div id="div1">div1</div>
	<div id="div2">div2</div>
	<div id="div3">div3</div>

说明：使用a标签来一一控制元素块，给每个待控制的元素块绑定一个id，点击每个a标签后，会在浏览器地址栏后添加 #对应id的名称,如下： http://localhost:8080/target.html#div3

** css部分**

	div {
		width: 200px;
		height: 200px;
		background: pink;
		display: none;
		}

	:target {
		display: block;
	}

说明： 先让每个div元素块默认不显示，然后可通过:target伪类控制点中的元素块的显示