Css 仅使用wp nav菜单显示当前页面子菜单

我试图显示第三层菜单项只使用可湿性粉剂导航菜单和css，但没有任何运气。我的菜单结构如下：

Tier 1 Menu Item
Tier 1 Menu Item
Tier 1 Menu Item (Page Parent)
    Tier 2 Menu Item
    Tier 2 Menu Item
    Tier 2 Menu Item (Current Page)
        Tier 3 Menu Item (Current Page Child)
        Tier 3 Menu Item (Current Page Child)

我试图隐藏除当前页面的子项以外的所有内容。IE-我想隐藏所有第1层和第2层菜单项，并仅从当前页面显示第3层菜单项

我的菜单有一个.jo child menu的容器类，我正在使用以下css尝试实现它：

ul.jo-child-menu li{display:none;}
ul.jo-child-menu ul.sub-menu li{display:none;}
ul.jo-child-menu ul.sub-menu li.current-page-item ul.sub-menu li{display:block;}

结果是没有显示任何菜单项。我尝试过许多其他css行，但它们要么给我整个菜单，要么没有菜单，要么只有第一层或第二层菜单项。

您对这个示例的看法

 <ul id="coolMenu">
    <li>
        <a href="#"> 
            <img src = "gear_icon.png" class = "nav" height = "20px" width = "20px" style="display:none">insertimage
        </a>
        <ul>
            <li>
                <a href = "#"> Colors </a>
                <ul>
                    <li><a href = "#"> Blue </a></li>
                    <li><a href = "#"> Green </a></li>
                    <li><a href = "#"> Red </a></li>
                </ul>

            </li>
            <li><a href="#">Background</a></li>
            <li><a href="#">Indulgentia</a></li>
        </ul>
    </li>
</ul>

---

不，我不需要那样的菜单。我只希望第三层菜单项在第二层页面上可见。它们可以是静态链接。