Не могу раскрыть "display: none" средствами css

@averia · Регистрация: 14.09.2017

Author24 — интернет-сервис помощи студентам

Есть такой кусок html

HTML5

<span class="menu-phone">MENU</span>
 
<div class="menu-phone-open">
    <a href="">One</a>
    <a href="">Two</a>
</div>

И такой css

CSS

.menu-phone {
    margin-top: 5px;
    padding: 10px;
    border: 0px solid black;
    display: block;
    background: white;
    border-radius: 6px;
    color: #3097d1;
}
.menu-phone-open {
    display: none;
    padding: 5px;
    border: 0px solid black;
    background: #3097d1;
}
.menu-phone:hover .menu-phone-open {
    display: block;
    background: white;
}

То есть по факту когда наводишь на блок "menu-phone", ниже должен появляться блок "menu-phone-open".
В чем проблема неработоспособности, наведите на правильный путь.

@galawar · 22.09.2018, 13:26

CSS

.menu-phone:hover + .menu-phone-open {
    display: block;
    background: white;
}

@averia · 22.09.2018, 13:27 **[ТС]**

К сожалению, ничего не изменилось.

@galawar · 22.09.2018, 13:30

HTML5

<div class="menu-phone">MENU
    <div class="menu-phone-open">
        <a href="">One</a>
        <a href="">Two</a>
    </div>
</div>

CSS тот же, что в первом сообщении

@averia · 22.09.2018, 14:01 **[ТС]**

Здравый смысл мне подсказывает что должно работать, но увы. Я не понимаю..

Добавлено через 1 минуту
Ошибся. Всё работает. Спасибо!

@averia 0 / 0 / 0 Регистрация: 14.09.2017 Сообщений: 5
	22.09.2018, 13:27 [ТС]	3
	К сожалению, ничего не изменилось. 0

@averia 0 / 0 / 0 Регистрация: 14.09.2017 Сообщений: 5
	22.09.2018, 14:01 [ТС]	5
	Здравый смысл мне подсказывает что должно работать, но увы. Я не понимаю.. Добавлено через 1 минуту Ошибся. Всё работает. Спасибо! 0

Не могу раскрыть "display: none" средствами css

Решение