안녕하세요!열심히 CSS 공부중 궁금한점이 있어서 글을 남기게 되었어요~ [code].AAA:hover .BBB { background: #fff; } AAABBB[/code]AAA에 마우스를 갖다대면 AAA 안에 포함된 BBB 의 배경색을 바꾸는거고 [code].AAA:hover ~ .BBB { background: #fff; }AAABBB[/code]AAA에 마우스를 갖다대면 AAA 다음 태그에 위치한 BBB의 배경색을 바꾸는것으로 알고있는데요 궁금한점은 iframe 안에서 :hover 를 이용하여부모의 div 를 컨트롤 하려면 어떻게 해야할까요? 마우스 클릭으로 자식iframe 에서 부모의 div 를 컨트롤하는건onclick="pa...

이전 목록 다음

채택완료

CSS hover: 질문드려요~~

그누초보님

2016-06-28 (화) 18:44:13 5,426

안녕하세요!

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

Copy

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

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

Copy

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

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

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

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

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

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

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

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

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

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

hover css js 그누보드5

채택된 답변

+20 포인트

ysnet

2016-06-28 (화) 18:54:27

불가능합니다.

그누초보님

2016-06-28 (화) 19:12:01

그..그렇군요..

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

애드프로

2016-06-28 (화) 19:29:10

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

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

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

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

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

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