在CSS中,
target是一個偽類選擇器,它用于選擇當前活動的錨點。當你點擊一個帶有錨點鏈接的頁面元素,頁面將跳轉至錨點所在的位置,并且錨點會受到選中的效果。
使用:target
選擇器可以為錨點添加類似于這個樣式的效果。
a:target { color: #F00; font-weight: bold; }
當你點擊ID為example-target
的錨點鏈接時,它將成為:target
的目標,CSS將應用像紅色和粗體文本這樣的屬性。
通過結合:target
選擇器和CSS3的過渡效果,可以輕松地為頁面制作出優雅的動畫效果。例如:
:target { background-color: #F00; transition: background-color 1s; }
以上示例將使點擊目標產生淡入淡出效果,在1秒的時間內使背景顏色從當前的顏色漸變到紅色。
下一篇td背景顏色 css