css用于鼠标悬停的永久性更改

Question

使用visibility: hidden和:hover，可以轻松地在悬停时交换两个元素。但是，即使鼠标离开元素，我希望第二个状态（包含被替换的元素）仍然存在。这对JavaScript来说很容易，但有没有办法在纯CSS中做到这一点？

Answer 1

CSS是无状态的，所以没有办法以永久的方式改变状态。我能想到的唯一方法是增加元素的大小（或者有一个大的子元素），这样鼠标就不会离开，但它会遮挡页面和控件的其余部分。