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

我的目标是在库存或财务应用程序子菜单项中应用样式。目标是更改所有子菜单项文本的字体大小

我可以将样式应用于目录主导航项，但无论我做什么，我都无法更改子菜单项文本的字体大小

<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>

---

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

ul li a{color:f00；}

使用.sub菜单类选择器。只能应用“样式”子菜单。 及

---

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

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

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