css - マウスオーバーで永続的に変更するための css

Question

visibility: hiddenと を使用すると、ホバー時に 2 つの要素を簡単に交換でき:hoverます。ただし、マウスが要素を離れても、要素が置き換えられた2番目の状態が持続するようにします。これは JavaScript で簡単に実行できますが、純粋な CSS で実行する方法はありますか?

Answer 1

CSS はステートレスであるため、状態を永続的に変更する方法はありません。私が考えることができる唯一の方法は、マウスが離れないように要素のサイズを大きくする（または大きなサブ要素を持つ）ことですが、ページとコントロールの残りの部分を覆い隠します。