CSS中的僞類和僞元素

一、和連接（<a>標籤）相關的

1. a:link--定義未訪問的連接；
2. a:visited--定義已經訪問（根據瀏覽器中的歷史記錄）的連接；
3. a:hover--定義鼠標滑過期的樣式；
4. a:active--定義鼠標單擊時的樣式

二、和段落（<p>標籤）相關的

1. :first-letter  建立下落的首字母，使得首字母更大更粗（只能用於塊級元素）；
2. :first-line   用一種不一樣的顏色定義首行

　　在CSS3中爲了區分僞類和僞元素，表示時在僞元素前面加兩個冒號，以下：

　　　　::first-letter和::first-line(若網站兼容Chrome、Opera、FF和Safari等瀏覽器，爲了符合CSS3的規範，最好用兩個冒號；但若不得不兼容IE瀏覽器，仍是用CSS2的單冒號安全)

三、其餘的僞類和僞元素（主流瀏覽器的最新版本都支持）

1. :focus  (焦點落在某處時觸發)
2. :before  可在制定元素的前面添加內容（缺點是不支持:before選擇器的瀏覽器不可見）

　　　　還能夠用before選擇器爲其改變固有樣式（就像改變<ul>、<li>標籤的樣式同樣）

　　　例：

<p class="tip">
  Hello World!
</p>

p.tip:before {
       content: "This is a tip!";
       color: red;  
}

1. :after  僞元素，在元素後面添加內容
2. ::selection  CSS3中的新僞元素，必需要寫成雙冒號

　　　　針對訪問者已經在網頁上選中的項目（選中的文本）；瀏覽器會高亮顯示該文本（通常來講，IE是白色），也能夠經過定義樣式來改變

　　　　IE8和Firefox不支持，須要加供應商前綴使支持：

　　　　　

　::-moz-selection {
        .......
}