「:hover」の出力は常に
「1イプサム」
コンテンツ「content:"1"」を持つ「:before」要素を追加すると、1 が追加されるだけで、ホバー前の出力は「11」になります
私が望む出力は次のとおりです:
「ホバー」時の出力は「IPSUM」です
フィドル: https://jsfiddle.net/Zxdfvv/u9xgoks3/
リーリー リーリー
ありがとう、EmSixTeen!学校にいるのでアカウントにログインできません。疑似要素はさまざまなブラウザで正しく動作しますか?
要素自体ではなく、疑似要素に対して content: を設定しています。そのため、::before に何かを追加すると要素テキストの前に表示され、::after を使用すると要素テキストの後に表示されます。
content:
::before
::after
疑似要素を使用して初期テキストを設定できます。したがって、これを行うことができます:
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
ありがとう、EmSixTeen!学校にいるのでアカウントにログインできません。疑似要素はさまざまなブラウザで正しく動作しますか?
要素自体ではなく、疑似要素に対して
content:を設定しています。そのため、::beforeに何かを追加すると要素テキストの前に表示され、::afterを使用すると要素テキストの後に表示されます。疑似要素を使用して初期テキストを設定できます。したがって、これを行うことができます: