CSS中,ul li是常見(jiàn)的列表元素,當(dāng)我們鼠標(biāo)點(diǎn)擊某一項(xiàng)時(shí),我們可以使用CSS對(duì)其進(jìn)行選中狀態(tài)的設(shè)置。
ul li { /*正常狀態(tài)*/ color: black; background-color: white; } ul li:hover { /*鼠標(biāo)懸停狀態(tài)*/ color: white; background-color: blue; } ul li:active { /*鼠標(biāo)點(diǎn)擊狀態(tài)*/ color: yellow; background-color: green; } ul li.selected { /*自定義選中狀態(tài)*/ color: red; background-color: yellow; }
以上示例中,我們使用了:hover、:active和自定義類名.selected來(lái)設(shè)置不同的選中狀態(tài)。在實(shí)際應(yīng)用中,可以根據(jù)需求自定義選中狀態(tài)的樣式。