最初の項目を非表示にしたいナビゲーション メニューがあります。例えば
<ul>
<li>Home</li>
<li>About</li>
<li>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</li>
</ul>
次に、CSS で次のように最初の要素を非表示にします。
li:first-child{
visibility: hidden;
}
しかし、その後、ナビゲーション メニューの「アイテム 1」のように、ナビゲーションの最初の li アイテムがすべて消えてしまいます。「ホーム」アイテムのみを選択して非表示にするにはどうすればよいですか?