class='btn' の要素の後に「<」を追加し、要素の後の元のコンテンツを :hover:after に置き換えます。

Question

「:hover」の出力は常に

です

「1イプサム」

コンテンツ「content:"1"」を持つ「:before」要素を追加すると、1 が追加されるだけで、ホバー前の出力は「11」になります

私が望む出力は次のとおりです:

「ホバー」時の出力は「IPSUM」です

フィドル: https://jsfiddle.net/Zxdfvv/u9xgoks3/

リーリー リーリー

Answer 1

ありがとう、EmSixTeen!学校にいるのでアカウントにログインできません。疑似要素はさまざまなブラウザで正しく動作しますか?

Answer 2

要素自体ではなく、疑似要素に対して content: を設定しています。そのため、::before に何かを追加すると要素テキストの前に表示され、::after を使用すると要素テキストの後に表示されます。

疑似要素を使用して初期テキストを設定できます。したがって、これを行うことができます:

リーリー リーリー