Why doesn't the block appear on hover?

Question

css

How to make it so that when you hover over Block 1, Block 2 and Block 3 appear, but then when you move the mouse to Block 3, Block 2 does not disappear?

Answer 1

In this structure, html cannot be done using css, only through js, jquery
Or change the html structure

<div id="content">
  <div class="one">
     <div class="two"></div>
     <div class="three"></div>
  </div> 
</div>

.one:hover .two,
.one:hover .three{
display: block;
}