В чем моя ошибка в выпадающем меню?

Question

[Andr]

Навожу на текст. и ничего не выпадает. В чем причина?

<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

[Alex]

У вас в примере нет элементов, попадающих под селектор .navi li:hover > ul. Вероятно, вы имели в виду .tx_sidebar li:hover > ul. И ещё .navi li надо заменить на .navi.

Рабочий пример: jsfiddle.net/5gwbff3q

Comments

[Andr]

не получилось ... ничего не изменяется .navi li{ изменила на .tx_sidebar li{ тоже

[Andr]

и все пропало.

[Andr]

я не могу же Массажу присвоить еще один класс

[Alex]

dashademkova: Почему, кстати, не можете присвоить Массажу ещё один класс? Пройдите курс «Селекторы», чтобы глубже понять проблему: https://htmlacademy.ru/courses/42

[Andr]

Спасибо большое!