您好,登錄后才能下訂單哦!
這篇文章主要介紹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ǔ)法是: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è)資訊頻道!
免責(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)容。