在CSS中，導(dǎo)航條是一個(gè)非常常用的元素。通過(guò)CSS，我們可以輕松地創(chuàng)建漂亮的導(dǎo)航條，為我們的網(wǎng)站增加更好的用戶體驗(yàn)。

然而，當(dāng)我們實(shí)現(xiàn)了導(dǎo)航條后，我們會(huì)發(fā)現(xiàn)一個(gè)很奇怪的現(xiàn)象：當(dāng)我們點(diǎn)擊導(dǎo)航條上的選項(xiàng)時(shí)，它們并不會(huì)像我們期望的那樣被高亮顯示。相反，它們會(huì)出現(xiàn)閃爍和瞬間消失的情況，這太過(guò)讓人困惑了。

nav li:hover{
background: #ccc;
}
nav li.active{
background: #000;
color: #fff;
}

為了解決這個(gè)問(wèn)題，我們需要在CSS中為導(dǎo)航條元素添加特殊的偽類選擇器：active。active狀態(tài)的樣式表示當(dāng)前激活的元素。所以，為了高亮顯示導(dǎo)航條選項(xiàng)，我們可以添加一個(gè).active的類并設(shè)置相應(yīng)的CSS樣式。

通常情況下，我們也會(huì)使用JavaScript為導(dǎo)航條添加click事件，確保點(diǎn)擊導(dǎo)航條選項(xiàng)時(shí)正確地切換類名（是否為.active）。

總而言之，通過(guò)學(xué)習(xí)active狀態(tài)，我們可以更好地掌握CSS導(dǎo)航條的開發(fā)。現(xiàn)在，你已經(jīng)了解了如何使你的導(dǎo)航條在被點(diǎn)擊時(shí)高亮顯示并獲得更好的用戶體驗(yàn)。