為何會(huì)有CSS選擇器?
HTML頁(yè)面中元素的尺寸大小,顏色,狀態(tài)等是可以通過(guò)CSS選擇器進(jìn)行控制的。
要想使用CSS將樣式應(yīng)用于特定的HTML元素,我們就需要想辦法找到這個(gè)元素。
而在CSS中,執(zhí)行這一個(gè)任務(wù)的樣式規(guī)則任務(wù)的部分稱(chēng)之為選擇器(Selector)。
常用的選擇器
最常用的選擇器類(lèi)型是:類(lèi)型選擇器和后代選擇器。適用于應(yīng)用那些使用范圍廣的一般性樣式。
類(lèi)型選擇器:是用來(lái)尋找特定類(lèi)型的元素,譬如段落或者標(biāo)題元素。
類(lèi)型選擇器也稱(chēng)之為 元素選擇器 或 簡(jiǎn)單選擇器。
后代選擇器:可用來(lái)尋找特定元素或元素組的后代。
后代選擇器由其他兩個(gè)選擇器之間的空格表示,后代選擇器作用于所有子后代元素。
偽類(lèi)選擇器:有時(shí)候我們需要根據(jù)文檔結(jié)構(gòu)之外的其他條件對(duì)元素應(yīng)用樣式,譬如表單元素或者鏈接的狀態(tài) 這就需要使用偽類(lèi)選擇器來(lái)完成
偽類(lèi)鏈接的順序:如果多個(gè)偽類(lèi)標(biāo)簽不按照規(guī)定的順序,是沒(méi)有效果的。
a:link/* 未訪(fǎng)問(wèn)的鏈接 */
a:visited/* 已訪(fǎng)問(wèn)的鏈接 */
a:hover/* 鼠標(biāo)在鏈接上 */
a:active/擊激活鏈接——在你點(diǎn)擊該鏈接之后
選擇器的優(yōu)先級(jí):以權(quán)值大小來(lái)劃分,權(quán)值越大,越優(yōu)先。
選擇器的特殊性分為4個(gè)等級(jí)
內(nèi)聯(lián)樣式表的權(quán)值為 1000
ID 選擇器的權(quán)值為 100
Class 類(lèi)選擇器的權(quán)值為 10
HTML 標(biāo)簽選擇器的權(quán)值為 1