lightningグローバルナビメニューのhover

Lightningのフリーの方を使わせていただいていて、
ナビメニューの、メニューにマウスがのったときに、表示を変えたいと思っています。

子メニューのあるページでは、子メニューがでて、
子メニューのないページでは、変化がなくとまどうユーザーさんがいるためです。

#global-nav a:hover {
position: relative;top:2px;left:2px;
}

というように、しましたが、子メニューも、座標がかわってしまい、
子メニューの一番下の項目にマウスをもってくると、
表示されてなかったスクロールが出てしまいます。

初歩的な質問となりますが、親メニューだけに適用され、子メニューには適用されないCSSセレクタを教えていただけませんでしょうか。

素直に、子メニューを全部の項目に追加したほうが？という意見もありました。

もうひとつ、別のアプローチについても教えてください。
その場合、子メニューを表示する際、子メニューの子メニューが隠れているとよくないのでは？
という意見もありました。子メニューを表示する際、その配下を最初から展開したいです。

CSSで対応できることなのかわかりませんが、解決方法があれば、教えていただけませんでしょうか。