外部ページへのリンクを表示するために、css の after プロパティを使用して、テキストの後に小さな gif を表示します。
.[style]:after{content:url(../images/main/externallink.gif)}
問題は、ロールオーバー時に画像を変更する (色を変更する) 場合です。次のコードは問題なく動作しますが、画像を変更するのではなく、最初の画像に追加します!
.[style] a:hover:after{content:url(../images/main/externallinkover.gif)}
元の「アフター」画像を消す方法を提案したり、これを行うためのまったく別の方法を提案したりできますか?