What is my mistake in the drop down menu?

Question

css

I point to the text. and nothing comes out. What is the reason?

<div id="sidebar" class="f_left">
        <ul class="tx_sidebar">
                <li><a href="#">Массажи</a>
                <ul class="navi">
                <li><a href="#">Лечебные</a></li>
                <li><a href="#">Для похудения</a></li>
                <li><a href="#">Оздоровительные</a></li>
                <li><a href="#">Антицеллюлитные</a></li>
            </ul>
                </li>

                
        </ul>

    </div>

#sidebar {
  width: 199px;
  background: url(../img/sidebar.png);
  margin-left: 0.24cm;
  margin-top: 0.27cm;

}

.tx_sidebar {
  margin-left: 15px;
  margin: center;
  list-style: none;
  padding-top: 1cm;
  
}
.tx_sidebar li a{
  font-family: "Hortensia";
  color: #484a48;
}
.navi li{
  display: none;
  list-style: none;
  margin-left: 25px;
  font-size: 12px;

}
.navi li:hover > ul {
  display: block;
  text-shadow:  0px 2px 8px #82a956;
}

Answer 1

In your example, there are no elements that match the selector .navi li:hover > ul. You probably meant .tx_sidebar li:hover > ul. And still .navi lineed to be replaced by .navi.
Working example: jsfiddle.net/5gwbff3q