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 在每個e388a4556c0f65e1904146cc1a846bee元素的內容之前插入內容。

P:after 在每個e388a4556c0f65e1904146cc1a846bee元素的內容之後插入內容。

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

<p> Nick </p>

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