CSS Navigation 顯示隱藏選單

.iehover

次選項顯示隱藏

ul.aside_menu li ul{
	display:none;
	}
	
ul.aside_menu li:hover ul, ul.aside_menu li.iehover ul{
	display:block;
	}

<ul class="aside_menu">
    <li>menu_1
        <ul>
            <li>menu_1_1</li>
            <li>menu_1_2</li>
        </ul>
    </li>
    <li>menu_2</li>
</ul>

:not

使hover不繼承樣式

li a.active {
  background-color: #4CAF50;
  color: white;
}

li a:hover:not(.active) {
  background-color: #555;
  color: white;
}