這篇文章主要介紹css中偽類指的是什么,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
公司主營業(yè)務(wù):網(wǎng)站建設(shè)、成都網(wǎng)站制作、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳,提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化,感謝他們對我們的高要求,感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn),讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出班戈免費做網(wǎng)站回饋大家。
css偽類是用于定義元素的特殊狀態(tài),它可以用于:1、設(shè)置鼠標懸停在元素上時的樣式;2、為已訪問和未訪問鏈接設(shè)置不同的樣式;3、設(shè)置元素獲得焦點時的樣式。
本文操作環(huán)境:Windows7系統(tǒng)、css3版、Dell G3電腦。
什么是偽類?
偽類用于定義元素的特殊狀態(tài)。
例如,它可以用于:
設(shè)置鼠標懸停在元素上時的樣式
為已訪問和未訪問鏈接設(shè)置不同的樣式
設(shè)置元素獲得焦點時的樣式
語法
偽類的語法:
selector:pseudo-class { property: value; }
錨偽類
鏈接能夠以不同的方式顯示:
實例
/* 未訪問的鏈接 */ a:link { color: #FF0000; } /* 已訪問的鏈接 */ a:visited { color: #00FF00; } /* 鼠標懸停鏈接 */ a:hover { color: #FF00FF; } /* 已選擇的鏈接 */ a:active { color: #0000FF; }
注意:a:hover 必須在 CSS 定義中的 a:link 和 a:visited 之后,才能生效!a:active 必須在 CSS 定義中的 a:hover 之后才能生效!偽類名稱對大小寫不敏感。
偽類和 CSS 類
偽類可以與 CSS 類結(jié)合使用:
當您將鼠標懸停在例子中的鏈接上時,它會改變顏色:
實例
a.highlight:hover { color: #ff0000; }
css的基本語法是:1、css規(guī)則由選擇器和一條或多條聲明兩個部分構(gòu)成;2、選擇器通常是需要改變樣式的HTML元素;3、每條聲明由一個屬性和一個值組成;4、屬性和屬性值被冒號分隔開。
以上是“css中偽類指的是什么”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!