2、如果有二级菜单的话,一般默认的class是sub-menu,如果想改这个名称呢? $classes = array( 'sub-menu' ); 改为自己想要的class名称就可以了,比如menu1 这种方法比较不好的一点是当你升级了wordpress,这两个文件会被覆盖,所以需要重新修改一下文件
menu-item menu-item-has-children"> 文章分类
url_for(theme.menu[i].path) %>"><%= i %> <% if (theme.menu[i].submenus) { %> <ul class="<em>sub-menu</em> 这是我的样式,当然可以自行修改 <style> .nav-main li ul{ display: none; } .nav-main li:hover ul{ display:block; } .<em>sub-menu</em>
theme_location == 'header-navigation' ) return $items . '
[nav:name] {pboot:if([nav:soncount]>0)} <ul class="<em>sub-menu</em> ; /* 关键属性:水平排列 */}.main-nav li { position: relative; padding: 10px 15px;}下拉菜单效果需要精心设计交互和视觉效果:.<em>sub-menu</em> { display: block; /* 鼠标悬停显示子菜单 */}过渡动画增强可以提升用户体验,为下拉菜单添加平滑效果:.<em>sub-menu</em> { opacity: 0; transform : translateY(-10px); transition: opacity 0.3s, transform 0.3s;}.main-nav li:hover .<em>sub-menu</em> { opacity this.querySelector('.<em>sub-menu</em>')) { // AJAX加载子菜单内容 const scode = this.dataset.scode
fload:left;}.clear{clear:both;}-->
backdrop-filter: blur(0px); } /*.header-banner {*/ /* background: rgba(255, 255, 255, 0.56);*/ /* }*/ .sub-menu
唯一个需要手动设置的就是二级菜单,代码如下:
night #footer,.night #kratos-header-section, .night .sf-menu li a:hover, .night #kratos-header-section .sub-menu hover { background: #111; } .night, .night .sf-menu .current-menu-item, .night #kratos-header-section .sub-menu kratos-post-meta-new .read-more,.night .post-content,.night .sf-menu a,.night #kratos-header-section .sub-menu
li>
navbar-category-分类ID" class="menu-item-has-children"> 一级菜单 <ul class="dropdown-menu <em>sub-menu</em>
7b2美化-导航二级菜单美化代码 ---- 以下代码放入css样式 /**菜单样式美化代码**/ .has_children .sub-menu { border-radius: 4px; } .top-menu
navbar-category-分类ID" class="menu-item-has-children"> 一级菜单 <ul class="dropdown-menu <em>sub-menu</em>
class="arrow"> <ul class="<em>sub-menu</em> span> </a> <ul class="sub-menu class="arrow">