CSS設(shè)置二級菜單隱藏非常簡單,只需要使用以下語句即可:
.dropdown-menu { display: none; }
上述代碼中,.dropdown-menu
為二級菜單的類名,display: none;
表示不顯示該元素。當(dāng)鼠標(biāo)移動到一級菜單時,我們可以使用以下代碼來顯示二級菜單:
.dropdown:hover .dropdown-menu { display: block; }
此代碼中,.dropdown:hover
表示當(dāng)鼠標(biāo)懸停在一級菜單上時觸發(fā)事件,.dropdown-menu
表示顯示該類名的元素,display: block;
表示以塊元素的方式顯示元素。
需要注意的是,以上代碼僅適用于二級菜單為下拉菜單的情況。如果想要隱藏其他類型的二級菜單,可以按照類似的方式進(jìn)行設(shè)置。