偽類
偽類用于當(dāng)已有元素處于的某個(gè)狀態(tài)時(shí)吆寨,為其添加對(duì)應(yīng)的樣式吓蘑,這個(gè)狀態(tài)時(shí)根據(jù)用戶行為而動(dòng)態(tài)變化的。
偽類列舉
1. a 元素 link visited hover active 順序
a:link{
color: blue;
}
a:visited{
color: yellow;
}
a:hover{
color: red;
}
a:active{
color: pink;
}
link 要放在最前面,否則它始終生效乡范,會(huì)覆蓋放在它前面的狀態(tài)樣式奸柬;visited 要放在 hover 和 active 的前面生年,否則點(diǎn)擊過鏈接一次之后 visited 就會(huì)始終生效,hover 和 active 的狀態(tài)樣式會(huì)被覆蓋廓奕;hover 要放在 active 前面抱婉,在active 狀態(tài)時(shí) hover 也是生效的档叔,否則 active 狀態(tài)樣式會(huì)被覆蓋掉。
2. first-child 與 first-of-type
- p: first-child —— 選擇的是 p 的父元素的第一個(gè)子元素
- p: first-of-type —— 選擇的是 p 的父元素的第一個(gè) p 類型的子元素
同樣可以得出 last-child蒸绩、last-of-type衙四、nth-child(n)、nth-last-child(n)患亿、nth-of-type(n)传蹈、nth-last-of-type(n) 的選擇方式。
偽元素
偽元素用于創(chuàng)建一些不在文檔樹中的元素步藕,并為其添加樣式惦界。
偽元素列舉
1. :before 與 :after
- element:before 在element內(nèi)部創(chuàng)建一個(gè)行內(nèi)元素,作為element的第一個(gè)孩子
- element:after 在element內(nèi)部創(chuàng)建一個(gè)行內(nèi)元素咙冗,作為element的最后一個(gè)個(gè)孩子
- 其中content 是必不可少的