CSS中,ul li是常見的列表元素,當我們鼠標點擊某一項時,我們可以使用CSS對其進行選中狀態的設置。
ul li { /*正常狀態*/ color: black; background-color: white; } ul li:hover { /*鼠標懸停狀態*/ color: white; background-color: blue; } ul li:active { /*鼠標點擊狀態*/ color: yellow; background-color: green; } ul li.selected { /*自定義選中狀態*/ color: red; background-color: yellow; }
以上示例中,我們使用了:hover、:active和自定義類名.selected來設置不同的選中狀態。在實際應用中,可以根據需求自定義選中狀態的樣式。
上一篇vue引入vant報錯
下一篇i和i的區別java