CSS. # 39 에 떠 있는 표시하거나 숨길 수 있는 다른 div& 동시에건간에?

다음은 어떻게 CSS 예제에서와 표시하십시오 숨겨짐 div (켜짐이 떠 있는):

<div class="showhim">HOVER ME<div class="showme">hai</div></div>

및

.showme{ 
display: none;
}
.showhim:hover .showme{
display : block;
}

한 수 가르켜 div 와 동시에 사용하여 다른 전용 CSS 숨기십시오? 이 목적을 위해 사용하는 방법을 JS 슬라이드에서는 예: [http://jsfiddle.net/joshvito/GaZQ6/] [1]

프로그래밍
css3 css
30일 6월 2013 в 5:56
9 파운드
해결책

http://jsfiddle.net/MBLZx/

다음은 코드

<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. &gt 거짓값 -;

 .showme{ 
   display: none;
 }
 .showhim:hover .showme{
   display : block;
 }
 .showhim:hover .ok{
   display : none;
 }
 <div class="showhim">
     HOVER ME
     <div class="showme">hai</div>
     <div class="ok">ok</div>
</div>

끝 - &lt 스니핏 >;!

SherloxFR
편집된 답변16일 1월 2017 в 12:06
해설 (3)

다른 경우, 부모 자식, 형제 / div 가 또는 조합을 그러하너라

<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. &gt 거짓값 -;

    .showme{ 
        display: none;
    }
    .showhim:hover .showme{
        display : block;
    }
    .showhim:hover .hideme{
        display : none;
    }
    .showhim:hover ~ .hideme2{ //~ sibling selector
        display:none;
    }
    <div class="showhim">
        HOVER ME
        <div class="showme">hai</div> 
        <div class="hideme">bye</div>
    </div>
    <div class="hideme2">bye bye</div>

끝 - &lt 스니핏 >;!

JIBIN BJ
편집된 답변2일 1월 2017 в 7:04
해설 (0)

당신은 소메트리 했는데 이렇게?

.showme{display: none;}
.showhim:hover .showme{display : block;}
.hideme{display:block;}
.showhim:hover .hideme{display:none;}

<div class="showhim">HOVER ME
  <div class="showme">hai</div>
  <div class="hideme">bye</div>
</div>

이 모든 이유를 잘 모르겠습니다, t # 39 shouldn& 발생할 수 있습니다.

해설 (0)