ホバー時に名前から下線を削除する方法

私はそのようなhtmlを持っています：

<legend class="green-color"><a name="section1">Section</a></legend>

legend.green-color{
    color:green;
}

私の場合Section、緑色に見えますが、マウスポインターを置くと、a hrefのように見えますが、下線や色を変えずに、そのままにしたいです。

cssを変更せずに、または最小のcss cahngeで達成することは可能ですか？

または、なんとかjqueryである可能性がありますか？

これを試して：

legend.green-color a:hover{
    text-decoration: none;
}

アンカータグのテキスト装飾を削除する

<a name="Section 1" style="text-decoration : none">Section</a>

CSSを使用legend.green-color a:hoverしてそれを行うことができます。

legend.green-color a:hover {
    color:green;
    text-decoration:none;
}

色を維持し、リンクの下線を防ぐには：

legend.green-color a{
    color:green;
    text-decoration: none;
}

特定のリンクにIDを割り当て、CSSを追加できます。以下の手順を参照してください。

1.選択したIDを追加します（一意の名前でなければなりません。数字ではなく、テキストでのみ開始できます）。

<a href="/abc/xyz" id="smallLinkButton">def</a>

2. 次に、次のように必要なCSSを追加します。

   #smallLinkButton:hover,active,visited{
   
         text-decoration: none;
         }