css hover 질문입니다..
본문
<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;
}
이렇게 해보셔요
넵 감사합니다.~
profile-header-img 로 hover 해서 바꺼야 바뀌는것 같습니다..
자꾸 img-circle 에 집중하다보니 놓쳤네요..
