CSS 偽類和偽對象選(五)

一、偽選擇器

偽選擇器包括：偽類選擇器和偽對象選擇器，以冒號（：）作為前綴，冒號后緊跟偽類或者偽對象名稱，冒號前后沒有空格，否則解析為包含選擇器

如：

div:hover{ font-size:12px;}
/*
div為指定標簽名
hover選擇符,偽類 或者 偽元素名
*/

 偽選擇器專門用來選擇特殊區域或者特殊狀態下的元素或者對象，這些特殊區域或者特殊狀態是無法通過標簽選擇器，ID選擇器或者類選擇器進行精確控制的

二、偽類選擇器和偽對象選擇器

偽類	說明
:focus	定義對象在成為輸入焦點（該對象的onfocus事件發生時）的樣式
:first-child	定義對象的第一個子對象的樣式
：first	定義頁岩 容器第一頁使用的樣式，僅適用於@page規則
：left	定義頁面容器位於裝訂線左邊的所有頁面使用的樣式，僅適用於@page規則
：right	定義頁面容器位於裝訂線右邊的所有頁面使用的樣式，僅適用於@page規則
:lang	定義對象使用特殊語言的內容樣式

 

偽對象	說明
:after	與content屬性一起使用，定義在對象后的內容
:before	與content屬性一起使用，定義在對象前的內容
:first-letter	定義對象內第一個字符的樣式
:first-line	定義對象內第一行的樣式

三、超鏈接

@charset "utf-8";
/* CSS Document */
/*超鏈接默認樣式*/
a{
    text-decoration:none;
    color:#333333;
}
/*訪問過的樣式*/
a:visited{
    color:#0000ff;
}
/*鼠標經過樣式*/
a:hover{
    color:#00ff00;
}
/*鼠標按下樣式*/
a:active{
    color:#FF0000;

還有一個:link可以定義未訪問過的超鏈接樣式，可以使用a選擇器來代替a:link選擇器樣式。

：link和:visited稱為鏈接偽類，只能應用於錨元素；

:hover,:active和:focus稱為動態偽類，理論上可以應用於任何元素.