css for mouseover上的永久更改

Question

使用visibility: hidden和:hover可輕鬆地在懸停時交換兩個元素。但是，即使鼠標離開元素，我也希望第二個狀態與替換元素一起保留。這對於JavaScript來說很容易，但是有沒有辦法在純CSS中做到這一點？

Answer 1

CSS是無狀態的，所以沒有辦法永久地改變狀態。我認爲唯一可以接近的方式是增加元素的大小（或者有一個大的子元素），以便鼠標不會離開，但會遮擋頁​​面和控件的其餘部分。