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

P:after 在每個<p>元素的內容之后插入內容。

p {     color: yellow; } p:before{     content: "before..."; } p:after{     content: "after..."; }  <p> Nick </p>