위에 보시면 둘다 마우스가 오버 된 상태입니다.
위에것은 해당 title에 마우스 오버 한거구요
아래는 hour에 마우스 오버한것입니다.
a태그로 감싸져있는 상태에서
그 밑에 span으로 title이 있고 hour or date가 있습니다.
XE타운 오른쪽 기본 위젯처럼 시간이나 날짜에 hover시에도 처음 이미지처럼 title에 underline 처리를 해주고 싶은데요.
어떤 방식이 있나요?
-
Lv19 ?음, hour이나 date a태그에 넣게되면 title뿐만이 아니라 hour or date에 underline 처리가 되지 않나요?
현재 ul.test li a .title:hover { text-decoration:underline} 이렇게 하면 title에만 되는데이것을 a태그나 right_part 태그에 hover시 title이 underline 처리를 하는것인데요
전체적으로 a태그로 감싸져있고 그 안에 title 그리고 right_part가 있습니다.
그리고 right_part 안에 hour or date가 들어가 있습니다.
-
Lv19 ?음, 아 그런데요! text-decoration:undeline 처리가 안되는 경우가 생겨서 !important를 넣어봤는데도 안되더라구요
그와중에 inline-block을 없애보니 처리가 되는데 inline-block가 underline 요소를 방해하나요? -
?
아 이건 제가 잘못생각했네요, inline-block하면 그 안에만 요소가 들어가는군요.
스크립트 이벤트는 어떻게 적용하는건가요?
이미 a태그 안에 들어가 있다면 그 부분에 text-decoration이 none 처리된 게 아닐까 싶어요.
설마 point-events가 none된 건 아닐 거구요.