CSS選擇器有哪些

發布時間：2022-03-10 10:30:01 來源：億速云閱讀：144 作者：小新欄目：web開發

這篇文章將為大家詳細講解有關CSS選擇器有哪些，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

復合選擇器

并集選擇器:多個類型選擇器,中間用逗號隔開 div,span,p{} 為了讓多個選擇器設置同一個樣式。

后代選擇器: ul li{} ul中的所有li都會設置樣式,包含li中的子元素ul中的li。也就是ul1的孫元素。

直接后代選擇器:ul>li{} 只管父類后邊的子類li,不管子類后邊的子類ul中的li。

偽選擇器

偽元素選擇器:配合選擇器使用

1.first-line選擇器

2.first-letter選擇器

3.before{ content: ""}(前邊加文字)

4.after{content:""}

偽類選擇器:根據元素位置選擇元素比如ul中的li的位置

nth-child選擇器:根據索引元素位置判斷,從1開始

子元素選擇器:

1.nth-child(n):選擇元素的第n個元素作為選擇器。

n=odd 奇數; n=even 偶數

2.nth-last-child(n):倒數索引

first-child: ul li:first-child{}

last-child: ul li:last-child{}

動態偽類選擇器

1.(:link):指定鏈接未被點擊時的樣式

2.vistited:鏈接被訪問之后的效果。一般由于瀏覽器緩存會顯示錯誤

3.hover:鼠標懸停時候的樣式

4.active:用戶點擊時候的樣式

5.focus:獲得聚焦時候的樣式

補充:

CSS對大小寫不嚴格要求,但是還是要書寫規范。

權值大小比較:

內聯樣式表的權值為 1000

ID 選擇器的權值為 1000

Class 類選擇器的權值為 10

HTML 標簽選擇器的權值為 1

優先級：important>內聯樣式>id>class>標簽|偽類|屬性選擇器>偽元素>通配符（*）>繼承

關于“CSS選擇器有哪些”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

向AI問一下細節

亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看