채택완료

마우스오버 텍스트 색상변화

2017-01-12 (목) 23:09:02 6,874

sct_li에 마우스를 올리면 라인색과 배경색이 바뀌면서  

sct_txt a 텍스트 색상도 밝게 바꾸고 싶은데  

sct_li 안에 있는 텍스트 색상도 함께 바뀌게 하려면 어떻게 해야하나요? 

Copy
.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개 / 댓글 2개

채택된 답변
+20 포인트

.smt_10 .sct_li:hover {color:#008ce0} 

.smt_10 .sct_li:hover .sct_txt a{color:#008ce0}

 

이런식으로 해보세요~ 

 

답변에 대한 댓글 1개

2017-01-13 (금) 01:29:42
잘되네요 감사합니다`~^^

.smt_10 .sct_li:hover 

 

위와같이 :hover 클래스가 마우스 오버시 동작합니다.

답변에 대한 댓글 1개

2017-01-13 (금) 01:07:04
sct_li 안에있는 sct_txt 텍스트 칼라가 #666 이여서
지금상테에서는 마우스 오버시 li의 박스칼라가 어두워져서
글자가 잘보이지를 안아서 글자칼라도 같이 변하게 할려구요

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