首頁 > web前端 > css教學 > css偽類選擇器介紹

css偽類選擇器介紹

王林
發布: 2020-07-01 17:01:16
轉載
3345 人瀏覽過

css偽類選擇器介紹

偽類選擇器:

(推薦學習:css快速入門

1、link、 hover、active、visited

a:link(未造訪的連結狀態),用於定義了常規的連結狀態。

a:hover(滑鼠放在連結上的狀態),用於產生視覺效果。

a:active(在連結上按下滑鼠時的狀態)。

a:visited(已造訪過的連結狀態),可以看出已經造訪過的連結。

a:link{color: black}
a:hover{color: yellow}
a:active{color: blue}
a:visited{color: red}
 
<a href="#">Nick</a>
登入後複製

2、before、after

P:before 在每個

元素的內容之前插入內容。

P:after 在每個

元素的內容之後插入內容。

p {
    color: yellow;
}
p:before{
    content: "before...";
}
p:after{
    content: "after...";
}

<p> Nick </p>
登入後複製

以上是css偽類選擇器介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板