了解CSS偽類如何分類?這個(gè)問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個(gè)問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容,讓我們一起來看看吧!
css偽類分為UI偽類和結(jié)構(gòu)化偽類兩種。UI偽類分為鏈接偽類、focus偽類和target偽類。結(jié)構(gòu)化偽類分為【:first-child】、【:last-child】和【:nth-child】。
CSS偽類分兩種:
1、UI偽類:會(huì)在HTML元素處于某種狀態(tài)時(shí)(比如鼠標(biāo)指針位于連接上),為該元素應(yīng)用CSS樣式。
2、結(jié)構(gòu)化偽類:會(huì)在標(biāo)記中存在某種結(jié)構(gòu)上的關(guān)系時(shí)(如某個(gè)元素時(shí)一組元素中的第一個(gè)或最后一個(gè)),為響應(yīng)元素應(yīng)用CSS樣式。
UI偽類:最常用的UI偽類元素是鏈接(a元素)。
分為三種:
1、鏈接偽類:共有四個(gè),鏈接始終會(huì)處于四種狀態(tài)之一。
(1)Link 鏈接就在那兒等著用戶點(diǎn)擊。
(2)Visited 用戶此前點(diǎn)擊過這個(gè)鏈接。
(3)Hover 鼠標(biāo)指針正懸停在鏈接上。
(4)Active 鏈接正在被點(diǎn)擊(鼠標(biāo)在元素上按下,還沒有釋放)。
2、focus偽類(聚焦)
3、target偽類(如果用戶點(diǎn)擊一個(gè)紙箱頁面中其他元素的鏈接,則那個(gè)元素就是目標(biāo)(target),可以用:target偽類選中它。)
結(jié)構(gòu)化偽類:
1、:first-child和:last-child
:first-child代表一組同胞元素中的第一個(gè)元素,而:last-child則代表最后一個(gè)。
2、:nth-child:會(huì)選擇一組列表項(xiàng)中的每個(gè)第n項(xiàng)。
感謝各位的閱讀!看完上述內(nèi)容,你們對(duì)CSS偽類如何分類大概了解了嗎?希望文章內(nèi)容對(duì)大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
本文題目:CSS偽類如何分類-創(chuàng)新互聯(lián)
標(biāo)題來源:http://vcdvsql.cn/article34/cdspse.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App開發(fā)、建站公司、網(wǎng)站設(shè)計(jì)公司、軟件開發(fā)、面包屑導(dǎo)航、企業(yè)建站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容