마우스오버 텍스트 색상변화
본문
sct_li에 마우스를 올리면 라인색과 배경색이 바뀌면서
sct_txt a 텍스트 색상도 밝게 바꾸고 싶은데
sct_li 안에 있는 텍스트 색상도 함께 바뀌게 하려면 어떻게 해야하나요?
.smt_10 .sct_li {clear:both;
height:116px;
padding:5px 0;
border-bottom:1px dotted #aaa;
}
.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;
}
답변 2
.smt_10 .sct_li:hover {color:#008ce0}
.smt_10 .sct_li:hover .sct_txt a{color:#008ce0}
이런식으로 해보세요~
잘되네요 감사합니다`~^^
.smt_10 .sct_li:hover
위와같이 :hover 클래스가 마우스 오버시 동작합니다.
sct_li 안에있는 sct_txt 텍스트 칼라가 #666 이여서
지금상테에서는 마우스 오버시 li의 박스칼라가 어두워져서
글자가 잘보이지를 안아서 글자칼라도 같이 변하게 할려구요
답변을 작성하시기 전에 로그인 해주세요.
