給鏈接定義樣式

a:link 表示尚未訪問的鏈接，鼠標未劃過和點擊

a:visited 表示已經訪問的鏈接

a:hover 表示鼠標劃入的鏈接

a:active 表示激活的鏈接，也就是鼠標點擊鏈接的一瞬間

注意上面這四個鏈接的偽類在使用的時候要有一定的順序，即上面列舉的順序，否則看不到效果。可以簡單記為LOVE(包含link和visited首字母)和HATE(包含hover和active的首字母)。

給段落定義樣式

:first-letter 為一行中的第一個字符創建樣式

:first-line 為一段中第一行創建樣式

更多偽類和偽元素

:before 可以在指定元素的前面添加內容。比如有一個段落p，你要在前面添加"Hello",可以用偽類表示為p:before {content: "Hello";}

:after 和:before一樣，只不過實在元素的后面添加內容。

但是IE6， IE7不支持content屬性。

:first-child 選取其他元素的第一個子元素，這里容易引起混淆。比如有下面的一段代碼：

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表