溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

css selector指的是什么

發(fā)布時(shí)間:2020-12-16 12:30:32 來(lái)源:億速云 閱讀:244 作者:小新 欄目:web開發(fā)

這篇文章主要介紹css selector指的是什么,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!

css selector指的是css選擇器,是用來(lái)匹配網(wǎng)頁(yè)中的dom元素的,常用選擇器可分為標(biāo)簽名選擇器、類選擇器、id選擇器、派生選擇器、子元素選擇器、分組選擇器和偽元素選擇器。

css selector指的是css 選擇器,是用來(lái)匹配網(wǎng)頁(yè)中的dom元素的,css樣式的定義為:選擇器{樣式}?!斑x擇器”指明了{(lán)}中的“樣式”的作用對(duì)象,也就是“樣式”作用于網(wǎng)頁(yè)中的哪些元素。

要使用css對(duì)HTML頁(yè)面中的元素實(shí)現(xiàn)一對(duì)一,一對(duì)多或者多對(duì)一的控制,這就需要用到CSS選擇器。HTML頁(yè)面中的元素就是通過(guò)CSS選擇器進(jìn)行控制的。

每一條css樣式定義由兩部分組成,形式如下:

selector {property: value}
選擇器{屬性:屬性值}
//即 選擇器{樣式}

在{}之前的部分就是“選擇器”。 “選擇器”指明了{(lán)}中的“樣式()”的作用對(duì)象,也就是“樣式”作用于網(wǎng)頁(yè)中的哪些元素。可以是一個(gè)HTML標(biāo)簽,也可以是特定的id或class等的標(biāo)簽。

簡(jiǎn)單來(lái)說(shuō):CSS主要的作用就是給網(wǎng)頁(yè)中的dom元素設(shè)置樣式,而選擇器則是用來(lái)匹配dom元素的。

常用選擇器可分為:標(biāo)簽名選擇器,類選擇器,id選擇器,派生選擇器,子元素選擇器,分組選擇器,偽元素選擇器。

使用css選擇器時(shí)的注意事項(xiàng):

由于對(duì)CSS的解釋是自上而下的,對(duì)于一個(gè)元素的相同屬性描述,放在下面的會(huì)覆蓋掉位于上面的屬性描述,因此我們?cè)趯?duì)元素的選擇中一定要注意書寫順序,如:

a:visited {color: #00FF00; text-decoration: none}
a:hover {color: #FF00FF; text-decoration: underline}

采用這樣的書寫順序,無(wú)論鏈接有沒(méi)有被訪問(wèn)過(guò),只要當(dāng)鼠標(biāo)移到鏈接上,鏈接都會(huì)變成藍(lán)色并有下劃線。但是,如果采用下面的書寫順序:

a:hover {color: #FF00FF; text-decoration: underline}
a:visited {color: #00FF00; text-decoration: none}

如果鏈接被訪問(wèn)過(guò),則當(dāng)你鼠標(biāo)移到鏈接上時(shí)不會(huì)變成藍(lán)色并有下劃線,依然保持綠色。

以上是“css selector指的是什么”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI