css hover 관련 질문 드립니다

css hover 관련 질문 드립니다

QA

css hover 관련 질문 드립니다

답변 1

본문

대충

 

<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가 단수로 딱 지정해서 사용하는 경우가 많습니다.

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