<div><span>A</span>B</div> 구조일 때,
B부분을 span으로 안 묶었다 전제하에,
div 요소에 hover 밑줄 효과 줄 때, A부분엔 밑줄이 안 생기게 하는 거....
|
답변 6개 / 댓글 8개
채택된 답변
+20 포인트
bonobonohttps://codepen.io/anon/pen/gJmRYZ
좋은방법은 아닌듯 하네요
답변에 대한 댓글 2개
sinbi
6년 전
6년 전
아마도 밑줄을 도중에 건너 뛰기 거시기했겠죠 ㅎㅎ
color를 적용해 보세요 이건 또 적용이 됩니다.
답변에 대한 댓글 1개
sinbi답변해주신 모든 분들 감사합니다. 좋은 하루 되세요 !!
6년 전
div :not(span) {
text-decoration:none;
}
이렇게 하면 될까요
답변에 대한 댓글 1개
FullstackCreative
6년 전
div > span { text-decoration:none !important; }
로 해결되지 않을까요?
아니면 jQuery로 hover를 주시고 쿼리 내부에
$('div').css('text-decoration', 'underline');
$('span').css('text-decoration', 'none');
하면 안될까요?
답변에 대한 댓글 1개
6년 전
가능합니다.
<style>
div:hover{text-decoration:underline;}
div:hover span{text-decoration:none;}
</style>
답변에 대한 댓글 3개
6년 전
div:hover{text-decoration:underline;}
div:hover span{text-decoration:none; display:inline-block;}
인라인블럭 속성을 넣으니 마우스 오버 시 언더라인이 안보여 집니다
참고사히면 좋을듯 합니다^^
div:hover span{text-decoration:none; display:inline-block;}
인라인블럭 속성을 넣으니 마우스 오버 시 언더라인이 안보여 집니다
참고사히면 좋을듯 합니다^^
답변을 작성하려면 로그인이 필요합니다.
https://codepen.io/sinbi/pen/MdpooJ