CSS 的text-decoration屬性很常見，我們經(jīng)常用它來添加下劃線、刪除線等效果。但是，在網(wǎng)站中，對于一些重要文字，希望能夠讓它們在被點擊時高亮顯示，這時候就可以使用text-decoration: none結合偽類:hover實現(xiàn)。

.highlight {
text-decoration: none;
}
.highlight:hover {
background-color: #ffbc57;
color: #ffffff;
}

上面的 CSS 代碼中，我們將text-decoration設置為 none，這樣就不會顯示下劃線或其他修飾符。而當鼠標懸停在這個元素上時，我們使用了:hover偽類，將文字的背景顏色設置為黃色，并將文字的顏色改為白色，達到了高亮顯示的效果。

除了:hover偽類，:active偽類也可以用在點擊事件上。當我們點擊這個元素時，文字將會立即變?yōu)楦吡令伾?/p>

.highlight:active {
background-color: #ff8b37;
color: #ffffff;
}

上面的 CSS 代碼中，我們將:active偽類的樣式設置成更加醒目的顏色。當我們點擊這個元素時，文字將會立刻切換為這個樣式。

使用這種方式可以將網(wǎng)頁的可讀性和可用性提升到更高的水平。