css for mouseover上的永久更改

Question

使用visibility: hidden和:hover可轻松地在悬停时交换两个元素。但是，即使鼠标离开元素，我也希望第二个状态与替换元素一起保留。这对于JavaScript来说很容易，但是有没有办法在纯CSS中做到这一点？

Answer 1

CSS是无状态的，所以没有办法永久地改变状态。我认为唯一可以接近的方式是增加元素的大小（或者有一个大的子元素），以便鼠标不会离开，但会遮挡页​​面和控件的其余部分。