다음 코드를 사용하여 하이퍼링크에 더 두껍고 스타일화된 밑줄 장식을 추가합니다.

a { 텍스트 장식: 없음 위치: 상대;} a:hover { 색상: #c0632e } a::after { 내용: "" 위치: 너비: 100% 높이: 30%; 하단: 0; 왼쪽: 0; 배경색: #2EB0C0; 불투명도: 0.15; Z-색인: -1; a:hover::after { 배경색: #c0632e }

그러나 클래스로 변환하고 각 링크에 로 추가하는 경우에만 작동합니다. 전역적으로 구현하려고 하면 하이퍼링크 중간에 개행 문자가 있으면 작동하지 않습니다. 줄 바꿈이 없으면 제대로 작동하지만 줄 바꿈이 있으면 작동하지 않습니다.

각 하이퍼링크에 대해 를 정의하지 않고도 전역적으로 사용할 수 있도록 이 문제를 해결할 수 있는 방법이 있나요?