偽類選擇器:
(推薦學(xué)習(xí):css快速入門)
1、link、hover、active、visited
a:link(未訪問(wèn)的鏈接狀態(tài)),用于定義了常規(guī)的鏈接狀態(tài)。
a:hover(鼠標(biāo)放在鏈接上的狀態(tài)),用于產(chǎn)生視覺效果。
a:active(在鏈接上按下鼠標(biāo)時(shí)的狀態(tài))。
a:visited(已訪問(wèn)過(guò)的鏈接狀態(tài)),可以看出已經(jīng)訪問(wèn)過(guò)的鏈接。
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 在每個(gè)<p>元素的內(nèi)容之前插入內(nèi)容。
P:after 在每個(gè)<p>元素的內(nèi)容之后插入內(nèi)容。
p { color: yellow; } p:before{ content: "before..."; } p:after{ content: "after..."; } <p> Nick </p>