0

「より小さい」矢印と<それに続くnbspテキストを含むスパンが埋め込まれているリンクがあります。

<a href=".."><span class="smallbutton">&lt;</span>&nbsp;back to overview</a>

白でなければならないものを除いて、アンカー全体を灰色のテキストにしたい<。アンカー全体がホバー時にオレンジ色のテキストになるはずですが、それが機能しません... CSSを使用するだけで可能かどうかは疑問ですが、疑わしいです。

スタイリング (現在最も近い試み):

.smallbutton {
    background-color: #AAAAAA;
    border-radius: 8px 8px 8px 8px;
    color: white;
    display: inline-block;
    height: 20px;
    text-align: center;
    width: 20px;
}
.smallbutton:hover {
    background-color: #DDDDDD;
    color: inherit;
}
a:link, a:visited {
    color: gray;
    text-decoration: none;
}
a:active {
    color: #FC930A !important;
    text-decoration: none;
}
a:hover, a:focus {
    color: #F7C41F !important;
    text-decoration: none;
}

!important問題は、オーバーライドすることを期待していましwhiteたが、そうではありません...

ここに jsfiddle があります: http://jsfiddle.net/2GX2Y/

にある色は、それ自体だけでなく、含まれているタグ<の上にカーソルを置いたときにそこにあるはずです。<a><

4

1 に答える 1

2

変わればいいと思う

.smallbutton:hover

に

a:hover .smallbutton

そうすれば、あなたが望むものを手に入れることができます。しかし、私は質問を誤解したかもしれません。

私に知らせて！

ここに例がありますhttp://jsfiddle.net/tRRRV/1/

于 2013-01-14T15:38:29.900 に答える