마우스오버 텍스트 색상변화 채택완료
블랙앤화이트
8년 전
조회 6,516
sct_li에 마우스를 올리면 라인색과 배경색이 바뀌면서
sct_txt a 텍스트 색상도 밝게 바꾸고 싶은데
sct_li 안에 있는 텍스트 색상도 함께 바뀌게 하려면 어떻게 해야하나요?
</p><p>.smt_10 .sct_li {clear:both;</p><p> height:116px;</p><p> padding:5px 0; </p><p> border-bottom:1px dotted #aaa;</p><p> }
.smt_10 .sct_li:hover {background:#555;
border-bottom:1px solid #333;
color:#fff;
}
.smt_10 .sct_a {display:inline-block;position:relative;text-decoration:none}
.smt_10 .sct_a:focus, .smt_50 .sct_a:hover {text-decoration:none}
.smt_10 .sct_txt {margin:5px 0 8px}
.smt_10 .sct_txt a {display:block;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
color:#666;
}</p><p>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
8년 전
.smt_10 .sct_li:hover {color:#008ce0}
.smt_10 .sct_li:hover .sct_txt a{color:#008ce0}
이런식으로 해보세요~
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
블랙앤화이트
8년 전
잘되네요 감사합니다`~^^
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인