これが可能かどうかはわかりません。そうでない場合は、データ状態またはクラスを追加できますよね?
わかりましたので、最初の質問は...ホバー時にアクティブな状態を追加し、<li>
新しいタグが選択された場合に以前ホバーしたタグから削除するにはどうすればよいですか。そのために兄弟を使用する必要があると思いますが、どうすればそれを :active にすることができますか?手がかりがありません。それが不可能な場合は、上記のオプションで問題ないようです...方法を学びたいだけです。
#menubar li {
background: rgba(20, 20, 20, .3);
margin: 10px 0;
padding: 5px 0;
width: 50%;
cursor: pointer;
}
#menubar li:active {
width: 100%;
}
<ul id="menubar">
<li><a href="head.php">Head</a></li>
<li><a href="body.php">Body</a></li>
<li><a href="settings.php">Settings</a></li>
<li><a href="">None</a></li>
<li><a href="">None</a></li>
</ul> <!-- menubar CLOSE -->
前述のように、アクティブ状態を追加できるかどうかはわかりません<li>
が、それでも質問する必要があります。
このようなものではない場合は、大歓迎です。
<li data-state="active"></li>
また
<li class="activeItem"></li>