KCP API결제 버전 배포 - exec() 불가 환경 대응KCP exec() 불가 대응 버전 배포
이전 목록 다음
채택완료

혹시, CSS로 이런 거 가능한가요?

sinbi
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-05-16 (목) 08:55:05 7,377

<div><span>A</span>B</div> 구조일 때,

B부분을 span으로 안 묶었다 전제하에,

div 요소에 hover 밑줄 효과 줄 때, A부분엔 밑줄이 안 생기게 하는 거....

css
|

답변 6개 / 댓글 8개

채택된 답변
+20 포인트
bonobono
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-05-16 (목) 09:15:33

https://codepen.io/anon/pen/gJmRYZ

좋은방법은 아닌듯 하네요

답변에 대한 댓글 2개

sinbi
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-05-16 (목) 09:40:11
글자가 길어질 경우...정렬이 좀 이상해용.
https://codepen.io/sinbi/pen/MdpooJ
sinbi
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-05-16 (목) 09:42:02
padding값 조절하니까 괜찮네요.ㅎ
정말,,,바람직한 방법은 아닌 것 같아요.
평평정심
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-05-16 (목) 10:45:17

아마도 밑줄을 도중에 건너 뛰기 거시기했겠죠 ㅎㅎ

color를 적용해 보세요 이건 또 적용이 됩니다.

답변에 대한 댓글 1개

sinbi
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-05-16 (목) 12:41:12
ㅎㅎ 그러게요.
display:inline-block; 넣으면 해결되네요.
웹사이팅 님이 알려주셨어용.
sinbi
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-05-16 (목) 09:42:18

답변해주신 모든 분들 감사합니다. 좋은 하루 되세요 !!

노숭이
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-05-16 (목) 09:07:14

div :not(span) {

  text-decoration:none;

}

이렇게 하면 될까요

답변에 대한 댓글 1개

sinbi
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-05-16 (목) 09:37:33
이것도 안 되는 것 같아요.
https://codepen.io/sinbi/pen/XwMgRa
FFullstackCreative
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-05-16 (목) 09:06:40

div > span { text-decoration:none !important; }

로 해결되지 않을까요?

아니면 jQuery로 hover를 주시고 쿼리 내부에

$('div').css('text-decoration', 'underline');

$('span').css('text-decoration', 'none');

하면 안될까요?

답변에 대한 댓글 1개

sinbi
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-05-16 (목) 09:36:29
안 되는 것 같아요.
https://codepen.io/sinbi/pen/arJwJV
웹웹사이팅
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-05-16 (목) 09:04:21

가능합니다.

<style>

div:hover{text-decoration:underline;}

div:hover span{text-decoration:none;}

</style>

답변에 대한 댓글 3개

sinbi
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-05-16 (목) 09:34:23
안 되는 것 같아요.
https://codepen.io/sinbi/pen/PvpmXy
웹사이팅
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-05-16 (목) 10:46:11
div:hover{text-decoration:underline;}
div:hover span{text-decoration:none; display:inline-block;}

인라인블럭 속성을 넣으니 마우스 오버 시 언더라인이 안보여 집니다
참고사히면 좋을듯 합니다^^
sinbi
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-05-16 (목) 12:39:45
웹사이팅 님, 사랑합니다. ^^

답변을 작성하려면 로그인이 필요합니다.