테스트 사이트 - 개발 중인 베타 버전입니다

CSS hover: 질문드려요~~ 채택완료

그누초보님 9년 전 조회 4,805

안녕하세요!

열심히 CSS 공부중 궁금한점이 있어서 글을 남기게 되었어요~

 

</p><p><style></p><p>.AAA:hover .BBB { background: #fff; }</p><p></style></p><p> </p><p><div class="AAA">AAA</p><p><div class="BBB">BBB</div></p><p></div></p><p>

AAA에 마우스를 갖다대면 AAA 안에 포함된 BBB 의 배경색을 바꾸는거고

 

</p><p><style></p><p>.AAA:hover ~ .BBB { background: #fff; }</p><p></style></p><p><div class="AAA">AAA</div></p><p><div class="BBB">BBB</div></p><p>

AAA에 마우스를 갖다대면 AAA 다음 태그에 위치한 BBB의 배경색을 바꾸는것으로 알고있는데요

 

 

궁금한점은 iframe 안에서 :hover 를 이용하여

부모의 div 를 컨트롤 하려면 어떻게 해야할까요?

 

 

마우스 클릭으로 자식iframe 에서 부모의 div 를 컨트롤하는건

onclick="parent.document.getElementById('부모div아이디').style.display='none';"

이걸로 해결이 되는데 혹시 hover 로도 가능할지 해서 여쭈어봅니다^^

 

 

답변해주시는 sir 능력자님들

항상 감사하게 생각하고 있습니다^^

 

오늘도 좋은 하루되세요~~

 

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
y
9년 전

불가능합니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

그누초보님
9년 전
그..그렇군요..

짧지만 강렬한 답변 고맙습니다 ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

혹시라도 저와 같은 고민을 하고 계신분이 있을까봐 방법 알려드립니다~

달콤별님께서 말씀해주신대로 hover 내부에서는 절대 안됩니다 ㅠㅠ

 

css 내부에서는 절대 안되니 onmouseover 를 활용하여

 

onmouseover="parent.document.getElementById('부모div아이디').style.display='none'"

이런식으로 제어하시면 되겠습니다~

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인