HTML CSS Koddaki Yanlışı Bulamıyorum

HTML:

<p>Selam Dünya ben geldim <span class="acık"> deneme</span> <span class="sela gizle">yapma efekti</span></p>

CSS:

.gizle {

    display: none;

}

.acık:hover .gizle{

    display: inline-block;

    background-color: black;

    color: white;

}

Koddaki hatayı bulamıyorum normalde 'deneme' kelimesinin üzerine gelince tooltip şeklinde yanda 'yapma efekti' yazılı kutu açılmalıydı.

.acık:hover .gizle ile sen span.gizle nin span.acık içinde olduğunu belirtmişsin ama aslında içinde değil, sonrasında

yapman gereken

.acık:hover + .gizle

şeklinde + işareti ile sonraki elemanı seçmek