Как сделать выпадающий список (sub-sub ul)?

Question

[Legal Adviser]

Всем привет.
Встал в ступор.. не многу понять в чём ошибка у меня.
Есть такая структура выпадающего списка горизонтального меню:

<nav class="mnav_class">
    <ul id="m_id" class="m_class">
        <li id="" class=""><a href="" aria-current="page">Главная</a></li>
        <li id="" class=""><a title="" href="">Стр_1</a>
            <ul class="sub-menu">
                <li id="" class=""><a href="">Подстр_1.1</a>
                    <ul class="sub-menu">
                        <li id="" class=""><a href="">Подстр_1.1.1</a></li>
                        <li id="" class=""><a href="">Подстр_1.1.2</a></li>
                    </ul>
                </li>
                <li id="" class=""><a title="" href="">Подстр_2</a>
                    <ul class="sub-menu">
                        <li id="" class=""><a href="">Под стр_2.1</a></li>
                        <li id="" class=""><a href="">Под стр_2.2</a></li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</nav>

Туплю, но не могу понять как сделать чтобы после наведения на li sub-menu (первый вложенный список) открывалось, а второй вложенный список не открывался, а открывался бы после наведения на sub-menu li (второй вложенный список).

Comments

[MrBroccoli]

li:hover > . sub-menu ?

[Legal Adviser]

MrBroccoli, второй вечер бьюсь и не могу вспомнить этой сраной скобки )))

[MrBroccoli]

Legal Adviser, бывает ;)

[Lord_Dantes]

MrBroccoli, продублируйте в ответы, пожалуйста. Если вопрос закрыт.

[MrBroccoli]

s l a v e, как я понял закрыли. Продублировал

Answer 1

[MrBroccoli]

li:hover > . sub-menu