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