不用 Javascript，使用純 CSS 方案，實現類似下圖的導航欄切換：
CSS 的強大之處有的時候超乎我們的想象，Tab 切換，常規而言確實需要用到一定的腳本才能實現。下面看看如何使用 CSS 完成同樣的事情。
實現 Tab 切換的難點在于如何使用 CSS 接收到用戶的點擊事情并對相關的節點進行操作。即是：
如何接收點擊事件
如何操作相關DOM
下面看看如何使用兩種不同的方法實現需求：
法一：:target 偽類選擇器
首先，我們要解決的問題是如何接收點擊事件，這里第一種方法我們采用 :target 偽類接收。
:target 是 CSS3 新增的一個偽類，可用于選取當前活動的目標元素。當然 URL 末尾帶有錨名稱 #，就可以指向文檔內某個具體的元素。這個被鏈接的元素就是目標元素(target element)。它需要一個 id 去匹配文檔中的 target 。
解釋很難理解，看看實際的使用情況，假設我們的 HTML 代碼如下：
由于要使用 :target，需要 HTML 錨點，以及錨點對應的 HTML 片段。所以上面的結構要變成：
這樣，上面 <a href="#content1"> 中的錨點 #content1 就對應了列表1 <div id="content1"> 。錨點2與之相同對應列表2。
接下來，我們就可以使用 :target 接受到點擊事件，并操作對應的 DOM 了：
新聞熱點
疑難解答
