本篇內(nèi)容介紹了“css3新增偽類選擇器是什么”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！

專注于為中小企業(yè)提供成都網(wǎng)站設(shè)計、成都做網(wǎng)站服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)羅城免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了近1000家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。

新增偽類選擇器有：1、“:root”，匹配文檔的根元素；2、“:first-child”，匹配父元素的第一個子元素；3、“:last-child”，匹配父元素的最后一個子元素；4、“:empty”，匹配空元素；5、“:target”等等。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

偽類選擇器的作用：對已有選擇器做進一步的限制，對已有選擇器能匹配的元素做進一步的過濾。CSS 3提供的偽類選擇器主要分為以下三類：

• 結(jié)構(gòu)性偽類選擇器

• UI元素狀態(tài)偽類選擇器

• 其他偽類選擇器

1、結(jié)構(gòu)性偽類選擇器

• :root：匹配文檔的根元素。在HTML文檔中，根元素永遠是元素。

• :first-child：匹配符合選擇器，且必須是其父元素的第一個子節(jié)點的元素。

• :last-child：匹配符合選擇器，且必須是其父元素的最后一個子節(jié)點的元素。

• :nth-child(n)：匹配符合選擇器，且必須是其父元素的第n個子節(jié)點的元素。

• :nth-last-child(n)：匹配符合選擇器，且必須是其父元素的倒數(shù)第n個子節(jié)點的元素。

• :only-child：匹配符合選擇器，且必須是其父元素的唯一子節(jié)點的元素。

• :first-of-type：匹配符合選擇器，且是與它同類型、同級的兄弟元素中的第一個元素。

• :last-of-type：匹配符合選擇器，且是與它同類型、同級的兄弟元素中的最后一個元素。

• :nth-of-type(n)：匹配符合選擇器，且是與它同類型、同級的兄弟元素中的第n個元素。

• :nth-last-of-type(n)：匹配符合選擇器，且是與它同類型、同級的兄弟元素中的倒數(shù)第n個元素

• :only-of-type：匹配符合選擇器，且是與它同類型、同級的兄弟元素中的唯一一個元素。

• :empty：匹配符合選擇器，且其內(nèi)部沒有任何子元素（包括文本節(jié)點）的元素。

• :lang(lang)：匹配符合選擇器，且內(nèi)容是特定語言的元素。

對于：nth-child和:nth-last-child兩個偽類選擇器，還支持如下用法。

:nth-child(odd/event)：匹配符合選擇器，且必須是其父元素的第奇數(shù)個/偶數(shù)個子節(jié)點的元素

:nth-last-child(odd/event)：匹配符合選擇器，且必須是其父元素的第奇數(shù)個/偶數(shù)個子節(jié)點的元素

:nth-child(xn y)：匹配符合選擇器，且必須是其父元素的第xn y個子節(jié)點的元素

:nth-last-child(xn y)：匹配符合選擇器，且必須是其父元素的第xn y個子節(jié)點的元素

使用:nth-last-child偽類選擇器的示例如下：

    
    
    
    
        /* 定義對作為其父元素的倒數(shù)第3n 1個（1、4、7）子節(jié)點
            的li元素起作用的CSS樣式 */
        li:nth-last-child(3n+1) {
           background-color: #FFC0CB;
        }
    



    Java
    輕量級Java EE
    Ajax
    XML
    經(jīng)典Java EE
    Android

其效果如下：

2、UI元素狀態(tài)偽類選擇器

UI元素狀態(tài)偽類選擇器包含有：

• :enabled：匹配所有用戶界面（form表單）中處于可用狀態(tài)的元素

• :disabled：匹配所有用戶界面（form表單）中處于不可用狀態(tài)的元素

• :checked：匹配所有用戶界面（form表單）中處于選中狀態(tài)的元素

• ::selection(該選擇器前面有兩個冒號)：匹配元素中被用戶選中或處于高亮狀態(tài)的部分

3、其他偽類選擇器

3.1：target偽類選擇器（匹配符合選擇器且必須是命名錨點目標的元素）

要求元素必須是命名錨點的目標，且必須是當前正在訪問的目標。它的作用是頁面可通過該選擇器高亮顯示正在被訪問的目標。下面示范了:target選擇器的用法（該代碼為《瘋狂HTML 5 CSS 3 JavaScript講義》中的示例代碼）

	
	
	
		:target {
			background-color: #ff0;
		}
	


	
		瘋狂Java講義 |
		輕量級Java EE企業(yè)應(yīng)用實戰(zhàn) |
		瘋狂Android講義 |
		經(jīng)典Java EE企業(yè)應(yīng)用實戰(zhàn)
	

	
		
瘋狂Java講義
		
本書詳細介紹了Java語言各方面的內(nèi)容。