CSS中也可以實(shí)現(xiàn)點(diǎn)擊事件,通過使用:hover和:checked偽類來觸發(fā)事件。
/* 鼠標(biāo)懸停時(shí)改變背景顏色 */ p:hover { background-color: yellow; } /* 選擇后改變背景顏色 */ input:checked + p { background-color: green; }
:hover偽類可以用于所有HTML元素,它表示當(dāng)鼠標(biāo)懸停在該元素上時(shí)觸發(fā)事件。
:checked偽類通常用于表單中的復(fù)選框或單選框,表示選中該元素時(shí)觸發(fā)事件。
偽類可以與其他選擇器組合使用,進(jìn)一步精確選擇需要觸發(fā)事件的元素。