たとえば、上記のコードでは、マウスが要素上に移動したときに の背景とフォントの色が変更されるようにします。離れるとまた変わります。要素をクリックすると背景とフォントの色が変わり、マウスが離れるとイベントがトリガーされなくなりました。今後、別の要素の上にマウスを移動すると、その要素の背景とフォントの色も変わりますが、最後にクリックした要素の背景と色は変更されません。別の要素をクリックすると、前にクリックした要素の背景と色が変わります
ディスカッション(解決策)に返信
にスタイルが設定されています。 a タグ a:active {color: yellow;}
スタイルは a タグに設定されます
a:hover {color:red ;}
a:active {color: yellow;}
まず第一に、ご回答ありがとうございます~
しかし、私のアイデアは、JS と CSS を組み合わせて onClick を通じて処理することです。 onmouseout、onmouseove イベント。お役に立てば幸いです ~
<ul> <li> <span> <a href="" >首页</a> </span> </li> <li> <span> <a href="">关于</a> </span> </li> <li> <span > <a href="">案例</a> </span> </li> <li> <span > <a href="" >开发</a> </span> </li> <li> <span> <a href="">流程</a> </span> </li> <li> <span > <a href="">联系方式</a> </span> </li></ul>
a:hover {color:red;}
a:active {color: yellow;} イベント onmouseove、onmouseout、onClick