CSS偽類的含義和作用是什么

本篇內(nèi)容主要講解“CSS偽類的含義和作用是什么”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“CSS偽類的含義和作用是什么”吧!

你對CSS偽類的概念和作用是否熟悉，這里和大家分享一下，CSS偽類(Pseudoclasses)是選擇符的螺栓，用來指定一個或者與其相關(guān)的選擇符的狀態(tài)。它們的形式是selector:pseudoclass{property:value;}，簡單地用一個半角英文冒號(:)來隔開選擇符和偽類。

CSS偽類的概念及作用

CSS偽類(Pseudoclasses)是選擇符的螺栓，用來指定一個或者與其相關(guān)的選擇符的狀態(tài)。它們的形式是selector:pseudoclass{property:value;}，簡單地用一個半角英文冒號(:)來隔開選擇符和偽類。

CSS很多的建議并沒有得到瀏覽器的支持，但有四個可以安全使用的用在連接上的CSS偽類。

◆link用在為訪問的連接上。

◆visited用在已經(jīng)訪問過的連接上。

◆hover用于鼠標(biāo)光標(biāo)置于其上的連接。

◆active用于獲得焦點(比如，被點擊)的連接上。

例如：

ExampleSourceCode

a:link{  color:red  }  a:visited{  color:green  }  a:hover{  color:blue  }  a:active{  color:orange  }

注意

盡管CSS給予你繞開的控制權(quán)，用不同的顏色表示已經(jīng)訪問過的連接是一個很好的習(xí)慣，因為很多用戶還是這樣預(yù)期的。CSS偽類(除了hover)不常用，恐怕也沒有過去常用。因此，它沒有過去那樣有用了。但如果你能收集用戶的意見，你會發(fā)現(xiàn)應(yīng)該使用它。

傳統(tǒng)上，連接文本是藍(lán)色的，已訪問的連接是紫色的。也許，這是最有效、最有用的顏色。然而，伴隨著CSS的廣泛發(fā)展，這種顏色不會是平常的了，用戶也不再假設(shè)連接必須是藍(lán)色或紫色的。

你應(yīng)該也可以在除了連接的其他元素上使用hover偽類。不幸的是，InternetExplore并不支持。這真是一個極大的煩惱。

到此，相信大家對“CSS偽類的含義和作用是什么”有了更深的了解，不妨來實際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！