Html 更改标签的背景颜色

我有一个非常基本的菜单结构内置在HTML

<ul id="menu-navigation">
    <li id="menu-item-1">
        Menu Item 1
    </li>
    <li id="menu-item-2" class="current-menu-item">
        <a href="#">Menu Item 2</a>
        <ul class="sub-menu">
            <li class="sub-1"><a href="#">Sub-menu Item 1</a></li>
            <li class="sub-2"><a href="#">Sub-menu Item 2</a></li>
            <li class="sub-3"><a href="#">Sub-menu Item 3</a></li>
        </ul>
    </li>
    <li id="menu-item-3">
        Menu Item 3
    </li>
    <li id="menu-item-4">
        Menu Item 4
    </li>
</ul>

但这也使子菜单中的所有链接变为蓝色。如何仅针对第一个a标记

#menu-navigation .current-menu-item > a {
    background:blue;
}

看一看:

看一看:

使用：

使用：

#menu-navigation .current-menu-item > a {
    background:blue;
}

#menu-navigation .current-menu-item > a {
    background: blue;
}