CSS中的target(目標)選擇器用于設(shè)置連接的目標元素的樣式。這意味著您可以通過單擊帶有預(yù)定義URL的鏈接來更改鏈接的外觀。
a:target { background-color: yellow; }
當單擊帶有關(guān)聯(lián)的ID的鏈接時,將觸發(fā):target偽類。通過使用:target規(guī)則,可以為當前選擇的鏈接更改樣式或設(shè)置新樣式。在上面的示例中,單擊鏈接后將更改鏈接的背景顏色為黃色。
:target偽類不僅適用于鏈接,還適用于任何具有ID的元素。當單擊導(dǎo)航菜單中的任何鏈接時,:target偽類便會觸發(fā)。用戶將在頁面頂部找到具有相應(yīng)ID的元素,因此適用:target規(guī)則可使元素以某種方式突出顯示,以幫助用戶確定其當前位置。
#section1:target { color: red; } #section2:target { color: green; }
在上面的示例中,單擊具有ID“ section1 ”的鏈接將使元素的顏色更改為紅色,而單擊具有ID“ section2 ”的鏈接將更改元素的顏色為綠色。