CSS中的current
(英文意為“當(dāng)前”)經(jīng)常在導(dǎo)航欄的設(shè)計中使用。它是CSS在設(shè)計網(wǎng)頁時用來確定當(dāng)前頁面鏈接的樣式的一個偽類,以區(qū)別其他鏈接樣式的HTML元素。
/* 未選中狀態(tài) */ a { color: #333; text-decoration: none; } /* 當(dāng)前選中狀態(tài) */ a:current { color: #FF0000; text-decoration: underline; }
如上所示,:current
用于標(biāo)記當(dāng)前被選中的鏈接,可以更改其顏色和下劃線等樣式。
還需要注意的是,在CSS3中,:current
已被廢棄,應(yīng)使用:active
或:focus
替代。因為它在某些瀏覽器中不被支持,這些偽類會更可靠地工作。
/* 當(dāng)前選中狀態(tài) */ a:active, a:focus { color: #FF0000; text-decoration: underline; }
在使用current
或其替代偽類時,設(shè)計人員可以更清楚地向用戶指出當(dāng)前頁面。但是請注意,為不同類型的鏈接(例如:產(chǎn)品,博客文章,聯(lián)系方式等)應(yīng)該選擇不同的顏色,樣式以及偽類。