建站
咨詢
售后
建站咨詢
新聞中心
在CSS3中，偽類選擇器是用于選取DOM樹之外的元素，或者是不能被常規(guī)CSS選擇器選取的元素，它們以冒號(:)開頭，后面跟著一個或多個標(biāo)準(zhǔn)或者自定義的關(guān)鍵字，以下是一些主要的CSS3偽類選擇器：
1、:firstchild
這個偽類選擇器匹配父元素的首個子元素。
2、:lastchild
這個偽類選擇器匹配父元素的最后一個子元素。
3、:nthchild(n)
這個偽類選擇器匹配父元素的第n個子元素。：nthchild(2)將匹配第二個子元素，：nthchild(odd)將匹配所有的奇數(shù)位置的子元素。
4、:firstoftype
這個偽類選擇器匹配父元素的首個特定類型的子元素。
5、:lastoftype
這個偽類選擇器匹配父元素的最后一個特定類型的子元素。
6、:nthoftype(n)
這個偽類選擇器匹配父元素的第n個特定類型的子元素。
7、:onlychild
這個偽類選擇器匹配父元素只有一個子元素時的那個子元素。
8、:onlyoftype
這個偽類選擇器匹配父元素只有一個特定類型的子元素時的那個子元素。
9、:empty
這個偽類選擇器匹配沒有子元素的元素。
10、:target
這個偽類選擇器匹配當(dāng)前活動的鏈接（點擊的鏈接）。
11、:not(selector)
這個偽類選擇器匹配不符合括號內(nèi)選擇器條件的元素。
12、:checked
這個偽類選擇器匹配被選中的input元素。
13、:enabled
這個偽類選擇器匹配啟用的表單元素。
14、:disabled
這個偽類選擇器匹配禁用的表單元素。
15、:root
這個偽類選擇器匹配文檔的根元素。
16、:nthlastchild(n)
這個偽類選擇器匹配父元素的倒數(shù)第n個子元素。
17、:nthlastoftype(n)
這個偽類選擇器匹配父元素的倒數(shù)第n個特定類型的子元素。
18、:lang(language)
這個偽類選擇器匹配指定語言的內(nèi)容。
19、:right
這個偽類選擇器匹配在右對齊的文本。
20、:left
這個偽類選擇器匹配在左對齊的文本。
21、:placeholdershown
這個偽類選擇器匹配當(dāng)前顯示占位符的輸入框。
以上就是CSS3中的主要偽類選擇器，它們提供了強大的功能，使我們能夠更靈活地控制頁面的樣式和布局。
FAQs：
Q1: CSS3中的：firstchild和：firstoftype有什么區(qū)別？
A1: :firstchild匹配的是父元素的第一個子元素，無論該子元素的類型是什么；而：firstoftype匹配的是父元素的第一個特定類型的子元素，只有當(dāng)該子元素的類型與指定的類型相匹配時才會被選中。
Q2: CSS3中的：nthchild(n)和：nthoftype(n)有什么不同？
A2: :nthchild(n)匹配的是父元素的第n個子元素，無論該子元素的類型是什么；而：nthoftype(n)匹配的是父元素的第n個特定類型的子元素，只有當(dāng)該子元素的類型與指定的類型相匹配時才會被選中。
本文標(biāo)題：css3偽類選擇器有哪些
路徑分享：http://m.5511xx.com/article/ccdpdcd.html
