Question

我的目标是将风格应用于＆＃34; In Stock＆＃34;或＆＃34; Finance Application＆＃34;子菜单项。目标是更改文本的字体大小（所有子菜单项）。

我可以将样式应用于库存主导航项，但不管我做什么 - 我只是无法更改子菜单项文本的字体大小。

<nav id="nav-wrap" class="nav-wrap2  mn4 darknavi"> 
<li id="menu-item-5603" class="menu-item"><a href="#" data-description=""><i class="fa-caret-down"></i>Inventory</a>
<ul class="sub-menu">
    <li id="menu-item-5607" class="menu-item menu-item-type-post_type "><a href="#" data-description="">In Stock</a></li>
    <li id="menu-item-4907" class="menu-item menu-item-type-post_type "><a href=""#" data-description="">Finance Application</a></li>
</ul>
</li>
</nav>

Answer 1

这将仅更改子菜单项的颜色：

ul li a {color:#f00;}

Answer 2

.sub-menu li a {color:#f00;}

使用.sub-menu类选择器。您只能应用样式子菜单。和

在此上下文中，元素li不允许作为元素nav的子元素。它不是经过验证的HTML

将样式应用于导航子菜单锚标记文本（子菜单项）

2 个答案: