>  Q&A  >  본문

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

':hover'의 출력은 항상

입니다.

"1IPSUM"

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

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

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

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

으아아아 으아아아

P粉236743689P粉236743689427일 전694

모든 응답(2)나는 대답할 것이다

  • P粉275883973

    P粉2758839732023-09-10 10:42:23

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

    회신하다
    0
  • P粉715304239

    P粉7153042392023-09-10 09:12:42

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

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

    으아악 으아악

    회신하다
    0
  • 취소회신하다