僞類

 一、連接僞類
針對連接的僞類一共有 4 個，由於連接始終會處於以下 4種狀態之一。
  Link。此時，連接就在那兒等着用戶點擊。
  Visited。用戶此前點擊過這個連接。
  Hover。鼠標指針正懸停在連接上。
  Active。連接正在被點擊（鼠標在元素上按下，尚未釋放）。
如下就是這些狀態對應的 4個僞類選擇符（使用了 a 選擇符和一些示例聲明） ：
a:link {color:black;}
a:visited {color:gray;}
a:hover {text-decoration:none;}
a:active {color:red;}
因爲這 4 個僞類的特指度（本章後面再討論特指度）相同， 若是不按照這裏列出
的順序使用它們，瀏覽器可能不會顯示預期結果。爲了好記，我建議你們能夠這

麼想： 「LoVe? HA!」大寫字母就是每一個僞類的頭一個字母

2.  :focus 僞類
e :focus
在這個以及後續的例子中， e 表示任何元素，如 p 、 h1 、 section ，等等。
表單中的文本字段在用戶單擊它時會得到焦點，而後用戶才能在其中輸入字符。下
面的規則
input:focus {border:1px solid blue;}
會在光標位於 input 字段中時，爲該字段添加一個藍色邊框。這樣能夠讓用戶明確
地知道輸入的字符會出如今哪裏。

3.  :target 僞類
e :target
若是用戶點擊一個指向頁面中其餘元素的連接，則那個元素就是目標（target） ，能夠
用 :target 僞類選中它。
對於下面這個連接
<a href="#more_info">More Information</a>
位於頁面其餘地方、ID爲 more_info 的那個元素就是目標。該元素多是這樣的：
<h2 id="more_info">This is the information you are looking for.</h2>
那麼，以下 CSS規則
#more_info:target {background:#eee;}
會在用戶單擊連接轉向 ID爲 more_info 的元素時，爲該元素添加淺灰色背景。