いつもお世話になっております。
ecステーションのページクリエイターで、pcヘッダーとレフトnaviを作成していますが、
ecマスターズのデザインレシピからマウスオーバー
<style>
a { transition: all 0.3s; }
a:hover { opacity: 0.6; }
</style>

こちらをhtml直接入力ブロックで記述しています。
正しく表示されていますが、
マウスオーバーを付ける部分・付けない部分を分けたい場合(画像赤丸の箇所はマウスオーバー有効に)、どのように記述すればいいでしょうか。
よろしくお願いいたします。