CSS選擇器：僞類

僞類

• 同一個标簽，根據其不同的狀态，展現不同的樣式。

有靜态僞類和動态僞類之分

（1）靜态僞類：隻能用于

超連結

的樣式

:link

超連結被點選之前

:visited

超連結被通路過之後

注：以上兩種形式，隻能用于超連結

（2）動态僞類：針對

所有标簽

都适用

:hover

“懸停”：滑鼠放置于标簽上時

:active

“激活”：滑鼠點選标簽，但不松手時

:focus

獲得焦點時

:first-child僞類

:first-child

僞類與指定的元素比對：該元素是另一個元素的第一個子元素。

譬如比對

所有<p> 元素

中的

第一個 <i> 元素

p i:first-child {
  color: blue;
}
           

再譬如比對

所有首個 <p> 元素

中的

所有 <i> 元素

p:first-child i {
  color: blue;
}
           

::after

和

::before

選擇器	例子	例子描述
::after	p::after	在每個 <p> 元素之後 插入内容。
::before	p::before	在每個 <p> 元素之前 插入内容。