在CSS中，我們可以使用:hover偽類來實現當鼠標懸停在某個元素上時的效果。但是，如果我們想要在鼠標按下的時候實現某個效果，該怎么做呢？ 答案就是使用:active偽類。:active偽類可以在用戶按下鼠標按鈕時為元素添加樣式。比如，我們可以使用以下代碼來實現當用戶按下某個按鈕時，文本顏色變為紅色： pre { background-color: #f4f4f4; border: 1px solid #ddd; padding: 10px; } p:active { color: red; } 在這段代碼中，我們首先為pre標簽定義了一些樣式，使其具有背景色、邊框和內邊距。接著，我們使用p:active選擇器為所有被點擊的p標簽設置了紅色文本顏色。 需要注意的是，:active偽類只在被點擊的瞬間生效，當用戶松開鼠標按鈕時，樣式就會消失。因此，如果想要保持某個狀態，需要使用其他方法來實現，比如JavaScript。 總的來說，使用:active偽類可以為用戶提供更好的交互體驗，使網頁更加生動有趣。