在CSS中，我們常常會用到偽類，其中一個比較常見的偽類就是:target。那么這個偽類的作用是什么呢？
:target {
/*樣式*/
}首先，我們需要明確一個概念——錨點。錨點是指在頁面中設(shè)置的具有特定ID的元素。當(dāng)我們點擊網(wǎng)頁上的鏈接時，如果鏈接中href屬性指向了某個具有ID的元素，點擊后瀏覽器會自動滾動到該元素的位置，這個過程就稱為跳轉(zhuǎn)或錨點跳轉(zhuǎn)。
而:target偽類就是用來根據(jù)URL中的錨點，為對應(yīng)的元素添加樣式的。
比如我們有這樣一個HTML代碼：
<!DOCTYPE html> <html> <head> <title>:target偽類</title> </head> <body> <div id="box1"></div> <div id="box2"></div> </body> </html>
我們可以為頁面中的兩個box元素分別設(shè)置錨點鏈接：
<a href="#box1">跳轉(zhuǎn)到box1</a> <a href="#box2">跳轉(zhuǎn)到box2</a>
當(dāng)我們點擊這兩個鏈接時，頁面會自動跳轉(zhuǎn)到對應(yīng)的元素位置，并觸發(fā):target偽類，此時我們就可以為該元素添加一些樣式：
#box1:target {
background-color: red;
}
#box2:target {
background-color: blue;
}這樣就可以在點擊對應(yīng)鏈接后，為對應(yīng)的元素添加一個背景色了。