hover 적용안됨...

hover 적용안됨...

QA

hover 적용안됨...

본문

고객센터라는 곳에 마우스를 갖다 대면 div가 나오게 하고 싶은데 나오질 않습니다...

 

 <div className="nav-bar-top-login">

          <a className="nav-bar-top-login-member">회원가입</a>

          <div className="nav-bar-top-login-icon">

            <RxDividerVertical />

          </div>

          <a>로그인</a>

          <div className="nav-bar-top-login-icon">

            <RxDividerVertical />

          </div>

          <a className="nav-bar-top-login-center">

            고객센터

            <TiArrowSortedDown />

          </a>

          <div className="nav-bar-top-login-member-menu">

            <div>공지사항</div>

            <div>자주하는 질문</div>

            <div>1 : 1 문의</div>

            <div>대량주문 문의</div>

          </div>

        </div>

 
 

.nav-bar-top-login-member-menu {

  width: 120px;

  height: 105px;

  border: 1px solid rgb(221, 221, 221);

  font-size: 12px;

  float: right;

  background-color: white;

  display: none;

}

 

.nav-bar-top-login-center:hover .nav-bar-top-login-member-menu {

  display: block;

}

이 질문에 댓글 쓰기 :

답변 2

.nav-bar-top-login-member-menu 가 .nav-bar-top-login-center 내부에 있지 않으니 저 소스는 먹히지 않습니다. 

.nav-bar-top-login-center:hover+.nav-bar-top-login-member-menu 이렇게 해보셔야 할듯합니다. 

1. className > class

 

2. .nav-bar-top-login-center 와 .nav-bar-top-login-member-menu 는 동일 노드이므로


.nav-bar-top-login-center:hover + .nav-bar-top-login-member-menu

와 같은 선택자를 사용하거나

 


.nav-bar-top-login-center:hover .nav-bar-top-login-member-menu

처럼 사용하려면 .nav-bar-top-login-member-menu 을 .nav-bar-top-login-center 하위에 위치시켜야 함

답변을 작성하시기 전에 로그인 해주세요.
전체 3

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT