css - CSS 選択状態

Question

選択状態のときにメニュー フォントが黒く太字になるように、style.css にどの CSS コードを配置する必要がありますか。

<li class="selected"><a href="/health-coaching.html">Health Coaching</a></li>

ヘルプ！ありがとう

Answer 1

これを使用できます：

.selected a:active
{
    color: black;
    font-weight: bold;
}

ホバーしたときに同じ設定を適用するには、次を使用します。

.selected a:hover
    {
        color: black;
        font-weight: bold;
    }

Answer 2

試す：

.selected a {
    color: #000;
    font-weight: bold;
}

Answer 3

これを使って

li.selected a {
  font-weight: bold;
  color: #000;
}