class='btn'인 요소 뒤에 "<"를 추가하고 요소 뒤에 있는 원래 콘텐츠를 :hover:after로 바꿉니다.

Question

':hover'의 출력은 항상

입니다.

"1IPSUM"

'content:"1"' 콘텐츠에 ':before' 요소를 추가하기로 결정하면 1만 추가되어 마우스를 올리기 전의 출력이 "11"이 됩니다

내가 원하는 출력은 다음과 같습니다.

'hover'의 출력은 "IPSUM"입니다

바이들: https://jsfiddle.net/Zxdfvv/u9xgoks3/

으아아아 으아아아

Answer 1

엠식스틴님, 감사합니다! 학교에 있어서 계정에 로그인할 수 없습니다. 의사 요소가 다른 브라우저에서 올바르게 작동합니까?

Answer 2

요소 텍스트 뒤에 표시되는 의사 요소에 대해 content:，而不是为元素本身设置。这就是为什么当您向::before添加内容时，它会显示在元素文本之前，然后如果您使用::after을 설정하고 있습니다.

의사 요소를 사용하여 초기 텍스트를 설정할 수 있습니다. 그러면 이렇게 할 수 있습니다:

으아악 으아악