ナビゲーションメニューを作成しようとしましたが、1 つ問題があります。
それが私のHTMLです:
<div id="navigation">
<ul>
<li class="active"><a href="#">fd</a></li>
<li><a href="#">vc</a></li>
<li><a href="#">ew</a></li>
<li><a href="#">ds</a></li>
<li><a href="#">vcx</a></li>
<li class="active"><a href="#">re</a></li>
</ul>
</div>
CSS ファイルは大きすぎるため、codepen プロジェクトにあります。問題は、2 つの最も近いメニュー項目で、そのうちの 1 つがアクティブで、もう 1 つにホバーが適用されている場合です。どうすれば修正できますか?それらの間の影を取り除くことを意味します。