Tell me how to change the properties of another object through hover ? In my case, set visibility to visible . I assumed something like this:

 .reiss-text: hover > .reiss-ramka { visibility: visible; }

Closed due to the fact that the essence of the question is not clear to the participants of rjhdby , aleksandr barakin , cheops , HamSter , Kirill Stoianov October 12 '16 at 11:47 .

Try to write more detailed questions. To get an answer, explain what exactly you see the problem, how to reproduce it, what you want to get as a result, etc. Give an example that clearly demonstrates the problem. If the question can be reformulated according to the rules set out in the certificate , edit it .

  • What is this for? What behavior are you trying to get? - wedoca
  • There are 2 blocks. 1 is hidden. Put the cursor on the block> the second block passed visible - Timofey
  • I usually use the display: none property; - wedoca
  • For example, in the drop-down menu li: hover> ul {display: block;} - wedoca
  • I don’t know why, but I’m not able to .reiss-ramka {visibility: hidden; display: block; width: 216px; height: 300px; background-color: # 00a388; margin-top: -66px; } .reiss-text: hover + .reiss-ramka {visibility: visible; } - Timothy

2 answers 2

You do not work because you hover add a space:

 .reiss-text: hover +.reiss-ramka

This is not a valid entry. Need to write - :hover !

And here is your example:

 .reiss-ramka { visibility: hidden; display:block; width: 216px; height: 300px; background-color: #00a388; margin-top: -66px; } .reiss-text:hover +.reiss-ramka { visibility: visible; } 
  <div class="reiss-text">reiss-text</div> <div class="reiss-ramka">reiss-ramka</div>

    2 options with display and visibility

     div.b { display: none; } div.a:hover + div.b { display: block; } div.d { visibility: hidden; } div.c:hover + div.d { visibility: visible; } 
     <div class="a">Видимый</div> <div class="b">Скрытый display: none</div> <div class="c">Видимый</div> <div class="d">Скрытый visibility: hidden</div>