溫馨提示×

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

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

css中偽類(lèi)指的是什么

發(fā)布時(shí)間:2021-05-14 10:41:37 來(lái)源:億速云 閱讀:190 作者:小新 欄目:web開(kāi)發(fā)

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

css偽類(lèi)是用于定義元素的特殊狀態(tài),它可以用于:1、設(shè)置鼠標(biāo)懸停在元素上時(shí)的樣式;2、為已訪(fǎng)問(wèn)和未訪(fǎng)問(wèn)鏈接設(shè)置不同的樣式;3、設(shè)置元素獲得焦點(diǎn)時(shí)的樣式。

本文操作環(huán)境:Windows7系統(tǒng)、css3版、Dell G3電腦。

什么是偽類(lèi)?

偽類(lèi)用于定義元素的特殊狀態(tài)。

例如,它可以用于:

  • 設(shè)置鼠標(biāo)懸停在元素上時(shí)的樣式

  • 為已訪(fǎng)問(wèn)和未訪(fǎng)問(wèn)鏈接設(shè)置不同的樣式

  • 設(shè)置元素獲得焦點(diǎn)時(shí)的樣式

語(yǔ)法

偽類(lèi)的語(yǔ)法:

selector:pseudo-class {
  property: value;
}

錨偽類(lèi)

鏈接能夠以不同的方式顯示:

實(shí)例

/* 未訪(fǎng)問(wèn)的鏈接 */
a:link {
  color: #FF0000;
}
/* 已訪(fǎng)問(wèn)的鏈接 */
a:visited {
  color: #00FF00;
}
/* 鼠標(biāo)懸停鏈接 */
a:hover {
  color: #FF00FF;
}
/* 已選擇的鏈接 */
a:active {
  color: #0000FF;
}

注意:a:hover 必須在 CSS 定義中的 a:link 和 a:visited 之后,才能生效!a:active 必須在 CSS 定義中的 a:hover 之后才能生效!偽類(lèi)名稱(chēng)對(duì)大小寫(xiě)不敏感。

偽類(lèi)和 CSS 類(lèi)

偽類(lèi)可以與 CSS 類(lèi)結(jié)合使用:

當(dāng)您將鼠標(biāo)懸停在例子中的鏈接上時(shí),它會(huì)改變顏色:

實(shí)例

a.highlight:hover {
  color: #ff0000;
}

css的基本語(yǔ)法是什么

css的基本語(yǔ)法是:1、css規(guī)則由選擇器和一條或多條聲明兩個(gè)部分構(gòu)成;2、選擇器通常是需要改變樣式的HTML元素;3、每條聲明由一個(gè)屬性和一個(gè)值組成;4、屬性和屬性值被冒號(hào)分隔開(kāi)。

以上是“css中偽類(lèi)指的是什么”這篇文章的所有內(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)容。

css
AI