初級(jí)了解css3偽類選擇器

在 CSS3 中,選擇器是一種模式,用于選擇需要添加樣式的元素。

先來(lái)了解一下css3選擇器的分類? css3選擇器包括五種選擇器(1.基本選擇器 2.層次選擇器 3.偽類選擇器 4.偽元素5.屬性選擇器),偽類選擇器簡(jiǎn)單來(lái)說(shuō)就是同一個(gè)標(biāo)簽,根據(jù)其不同的種狀態(tài),有不同的樣式,這就叫做“偽類”。偽類用冒號(hào)來(lái)表示,偽類選擇器分為兩種,一種是靜態(tài)偽類,只能用于超鏈接的樣式,一種是動(dòng)態(tài)偽類,針對(duì)所有標(biāo)簽都適用的樣式。

先來(lái)認(rèn)識(shí)一下靜態(tài)偽類,它只能用于超鏈接a標(biāo)簽,a標(biāo)簽有四種偽類

:link? ? ?設(shè)置超鏈接a在未被訪問(wèn)前的樣式

:visited? 設(shè)置超鏈接a在其鏈接地址以被訪問(wèn)過(guò)時(shí)的樣式

:hover? 設(shè)置鼠標(biāo)懸停時(shí)的樣式

:active? 設(shè)置鼠標(biāo)激活狀態(tài)的樣式

還有一種是動(dòng)態(tài)偽類,適用于所有標(biāo)簽。

:hover?“懸?!保菏髽?biāo)放到標(biāo)簽上的時(shí)候

:active?“激活”: 鼠標(biāo)點(diǎn)擊標(biāo)簽,但是不松手時(shí)。

:focus?是某個(gè)標(biāo)簽獲得焦點(diǎn)時(shí)的樣式(比如某個(gè)輸入框獲得焦點(diǎn))

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,819評(píng)論 1 45
  • css選擇器可分為幾個(gè)大類: 基礎(chǔ)選擇器 偽類選擇器 屬性選擇器 偽元素選擇器 多元素組合選擇器 一、基礎(chǔ)選擇器 ...
    無(wú)涯_9322閱讀 2,291評(píng)論 0 1
  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,157評(píng)論 1 92
  • CSS參考手冊(cè) 一、初識(shí)CSS3 1.1 CSS是什么 CSS3在CSS2.1的基礎(chǔ)上增加了很多強(qiáng)大的新功能。目前...
    沒(méi)汁帥閱讀 4,282評(píng)論 1 13
  • 本文轉(zhuǎn)載自:眾成翻譯譯者:為之漫筆鏈接:http://www.zcfy.cc/article/239原文:http...
    極樂(lè)君閱讀 7,545評(píng)論 1 62

友情鏈接更多精彩內(nèi)容