偽類(lèi)選擇器的使用方法 css選擇器識(shí)別范圍?
css選擇器識(shí)別范圍?css選擇類(lèi)型器優(yōu)先級(jí)核心:每個(gè)中,選擇器本身有優(yōu)先級(jí),作用范圍越具體看優(yōu)先級(jí)越高。CSS優(yōu)先級(jí)從高至低四個(gè)是:1.在屬性后面不使用!important會(huì)覆蓋頁(yè)面內(nèi)任何位置定義的
css選擇器識(shí)別范圍?
css選擇類(lèi)型器優(yōu)先級(jí)核心:每個(gè)中,選擇器本身有優(yōu)先級(jí),作用范圍越具體看優(yōu)先級(jí)越高。
CSS優(yōu)先級(jí)從高至低四個(gè)是:
1.在屬性后面不使用!important會(huì)覆蓋頁(yè)面內(nèi)任何位置定義的元素樣式。
2.作為style屬性寫(xiě)在元素標(biāo)簽上的內(nèi)聯(lián)樣式
選擇類(lèi)型器
4.類(lèi)選擇器
5.偽類(lèi)選擇器
6.屬性選擇類(lèi)型器
7.標(biāo)簽選擇類(lèi)型器
8.通配符你選器
9.瀏覽器你選擇器
當(dāng)CSS樣式的規(guī)則由多個(gè)你選擇器組成時(shí),id你選擇器的權(quán)值為1000,class中,選擇器為100,標(biāo)簽選擇器為10,按權(quán)值異或的記過(guò)高低改變哪個(gè)優(yōu)先。當(dāng)兩個(gè)css規(guī)則的權(quán)值同一時(shí),誰(shuí)更詳細(xì)用誰(shuí),也就是權(quán)值高的選擇器作用的越詳細(xì)優(yōu)先級(jí)越高。當(dāng)兩個(gè)中,選擇器規(guī)則和權(quán)值都是一樣,后面樣式會(huì)覆蓋前面的!
css滾動(dòng)條長(zhǎng)短怎么調(diào)?
css設(shè)置里滾動(dòng)條寬度的方法:必須在用“::-webkit-scrollbar”偽類(lèi)選擇器左鍵單擊整個(gè)滾動(dòng)條,接著屬性設(shè)置中滾動(dòng)條寬度,語(yǔ)法格式“::-webkit-scrollbar{width:寬度值}”。
偽類(lèi)選擇器的屬性?
偽類(lèi)選擇器是按照冒號(hào)來(lái)定義,它符號(hào)表示了元素的狀態(tài),如點(diǎn)擊按下,再點(diǎn)能夠完成等,通過(guò)偽類(lèi)也可以為元素的狀態(tài)修改樣式。
偽類(lèi)選擇器的功能和一般的DOM中的元素樣式幾乎一樣,但和好象的DOM中的元素樣式是一樣的,它根本不變動(dòng)任何DOM內(nèi)容。
只是因?yàn)椴宓搅艘恍┬揎楊?lèi)的元素,這些元素相對(duì)于用戶(hù)來(lái)說(shuō)是而且的,但是對(duì)DOM來(lái)說(shuō)萬(wàn)不可見(jiàn)。
偽類(lèi)選擇器的效果可以不按照再添加一個(gè)不好算的類(lèi)來(lái)都沒(méi)有達(dá)到。
偽類(lèi)選擇器要注意也可以分成三類(lèi):閃圖偽類(lèi)選擇器、UI元素狀態(tài)偽類(lèi)選擇器、結(jié)構(gòu)偽類(lèi)選擇器、完全否定偽類(lèi)選擇器。
css派生選擇器有幾種,有什么區(qū)別?
基本是選擇器
1.標(biāo)簽選擇類(lèi)型器:再用元素的標(biāo)簽來(lái)進(jìn)行選擇
span{
//真接你選span標(biāo)簽size:16px;
}
1
2
3
1
2
3
你選器:是從系統(tǒng)設(shè)置id名字,通過(guò)不精確的選擇,用#來(lái)定義
#div1{
//是從id名字來(lái)并且選擇color:red;
}
dividdiv11/div
1
2
3
4
1
2
3
4
3.類(lèi)選擇器:方法名來(lái)接受選擇,選擇范圍比id選擇類(lèi)型器大,用.來(lái)定義
.div1{
//所有屬性名為div1的都被中,選擇了color:red;
}
div iddiv11/divdiv iddiv11/divdiv iddiv11/div
4.通配符你選擇器:范圍更大,作用于所有標(biāo)簽,用*來(lái)定義
不我建議你可以使用,對(duì)頁(yè)面加載壓力與負(fù)擔(dān)大
有高級(jí)選擇器
1.后代選擇器:定義用空格隔開(kāi)
divspan{
//你選的是div標(biāo)簽下的span標(biāo)簽,當(dāng)然后代是指是可以不單單隔一代,也可以隔多代進(jìn)行選擇color:red;
}
divspan1/span/div
1
2
3
4
1
2
3
4
2.交集你選器:與后代你選擇器定義的不同是,沒(méi)有空格包圍起來(lái),兩個(gè)元素鄰著
span#a1{
//選擇類(lèi)型的是兩個(gè)條件1.你乃span標(biāo)簽的名是a1的元素,兩個(gè)條件才可以做到color:red;
}
spanid“a1”1/spanspan 1/span.并集選擇器:定義用逗號(hào)隔擋
span,#a1{
//中,選擇的是1.是span標(biāo)簽的名是a1的元素,兩個(gè)條件柯西-黎曼方程一個(gè)即可color:red;
}
spanid“a1”1/spanspan 1/span.偽類(lèi)選擇器:
1.動(dòng)態(tài)和靜態(tài)偽類(lèi):再點(diǎn)擊直接連接之前(link),然后點(diǎn)擊直接連接之后(visited)這樣的
2.閃圖偽類(lèi):鼠標(biāo)改為(hover),然后點(diǎn)擊之后(focus)