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

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

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

除了:hover偽類，:active偽類也可以用在點(diǎn)擊事件上。當(dāng)我們點(diǎn)擊這個(gè)元素時(shí)，文字將會(huì)立即變?yōu)楦吡令伾?/p>

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

上面的 CSS 代碼中，我們將:active偽類的樣式設(shè)置成更加醒目的顏色。當(dāng)我們點(diǎn)擊這個(gè)元素時(shí)，文字將會(huì)立刻切換為這個(gè)樣式。

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