css hover 질문입니다..

css hover 질문입니다..

QA

css hover 질문입니다..

답변 4

본문

      <div class="profile-header-img">

                <img class="img-circle" src="mylecture.png" />
                
                <div class="rank-label-container">
                    <span class="label label-default rank-label">대한민국</span>
                </div>
            </div>

 

위의 img-circle 에 hover 하면 대한민국글자색상을 #fff 로 주고 싶습니다..

 

.profile-header-img > img.img-circle {
    width: 120px;
    height: 120px;
    border: 2px solid #51D2B7;
}
.profile-header-img > img.img-circle:hover {
    border: 2px solid #51D2B7;
 color:#fff;
}
.profile-header-img > img.img-circle:hover, .profile-header-img .img-circle:hover div span  {
 background-color:#51D2B7; color:#fff;
}
 

아무리 해도 color 안 먹어서요..

 

도움좀 부탁드립니다..

 

이 질문에 댓글 쓰기 :

답변 4

.img-circle:hover > .rank-label-container .label.label-default { color:white; }

.profile-header-img:hover > img.img-circle {
    border: 2px solid #51D2B7;
 color:#fff;
}
 

 

이렇게 해보셔요

 

 

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
  • 질문이 없습니다.
전체 0
© SIRSOFT
현재 페이지 제일 처음으로