在Web開發中，我們經常會使用CSS來美化頁面，其中一個很常見的需求是高亮當前選項。比如說，在導航欄中，我們希望用戶能夠清晰地知道自己當前所在的頁面是哪一個。

實現這個效果非常簡單。首先，在HTML代碼中給當前選項加上一個特定的class或者ID，比如說“active”：

<ul>
<li><a href="home.html">首頁</a></li>
<li><a href="about.html">關于我們</a></li>
<li><a href="contact.html" class="active">聯系我們</a></li>
</ul>

接下來，在CSS代碼中使用“:hover”偽類來開啟鼠標懸停時的樣式，并且使用“.active”選擇器來設置當前選項的樣式：

<!-- 正常狀態下的鏈接樣式 -->
a {
color: #333;
text-decoration: none;
}
<!-- 鼠標懸停時的鏈接樣式 -->
a:hover {
color: #666;
}
<!-- 當前選項的樣式 -->
.active {
color: #0088cc;
text-decoration: underline;
}

這樣，當用戶點擊、懸停或者瀏覽到當前選項時，就能看到明顯的樣式變化，并且清晰地知道自己所在的頁面是哪一個。