css hover 관련 질문 드립니다

css hover 관련 질문 드립니다

QA

css hover 관련 질문 드립니다

본문

대충

 

<div class="test">

대충 박스가 있는 코드

<div class="test2>

대충 두번째 박스가 있는 코드

</div>

</div>

 

대충 이런 형식의 박스가 2개 있다고 치면

 

.test:hover

{

box-shadow: 2px 2px 10px;

transfor 어쩌구저쩌구
}

 

이런식으로 마우스 호버 효과를 구현하려고 하는데

div 안에있는 test2 클래스에도 적용이 되는데 자식? 하위? 클래스에 적용 안시키는 방법 있나요?

이 질문에 댓글 쓰기 :

답변 1

보통 딱 한개만 지정하고 싶을 때에는 id="test" 로 정합니다.

 

getElementsByClassName

에서 보듯이 ClassName은 한번에 전체를 처리할때 이고..(Elements가 복수)

 

getElementById

는 Element가 단수로 딱 지정해서 사용하는 경우가 많습니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 1,498
QA 내용 검색

회원로그인

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