利用target的特性，可以实现纯css的tab效果切换
基础知识: :target起作用的是href连接到的位置 如 <a href="#tab1">tab1</a> <div id="tab1" class="tab">This is a tab1</div> :target{ color:red; } 但点击 a 标签的时候，连接到 id 是 tab1的div，对这个div 起作用 color:red; 如： <a href="#tab">Test :target</a> <a href="#tab2">Test 2:target</a> <div id="tab">This is a tab.</div> <div id="tab2">This is another tab.</div> #tab:target{ color:red; } #tab2:target{ color:blue; } 结果： 点击第一个 a 标签时连接到 id 是 tab的div，对这个div 起作用 color:red; 点击第二个 a 标签时连接到 id 是 tab2的div，不对这个div 起作用 color:red; 利用target的特性，可以实现纯css的tab效果切换 具体代码：（ie8以及ie8以下实现不了） <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> /