0

基本的に、これは私のテーマで発生しています: Click here to view an example .

マウスをその上に置くと、すぐにくっきりと鮮明になります。次のクラス要素をhtmlに追加したときに、この問題が発生し始めたことに気付きました。

a.navigation{
    color: {color:text};
    font-family: 'Georgia', sans-serif;
    font-size:15px;
    text-transform:lowercase;
    letter-spacing:2px;
}
a.navigation:hover:{
    color: {color:hover} !important;
    cursor: crosshair;
    text-decoration:none;
}
<a href="/" class="navigation">Entries</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="/ask" class="navigation">Message</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="/archive" class="navigation">Records<a/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="/rss" class="navigation">Feed</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="/theme" class="navigation">Theme</a>

このリンクが私のテーマの他のリンクに影響を与える理由はありますか? 本当にありがとう。これが初心者の質問である場合は申し訳ありません。

4

2 に答える 2

0

よくわかりませんが、あなたのCSSにはいくつかの間違いがあります：

a.navigation{
color: {color:text};
font-family: 'Georgia', sans-serif;
font-size:15px;
text-transform:lowercase;
letter-spacing:2px;
}
a.navigation:hover:{
color: {color:hover} !important;
cursor: crosshair;
text-decoration:none;

color: {color:text};これは何color: {color:hover} !important;ですか??? それは例えばあるべきcolor: blue;です。

ここに別の「:」がありますa.navigation:hover:{。そして、あなたはa.navigation:hover{ 閉じるのを忘れていましたa.navigation:hover{ }

役に立ったら返信ください

a.navigation{
    color: blue;
    font-family: 'Georgia', sans-serif;
    font-size:15px;
    text-transform:lowercase;
    letter-spacing:2px;
}

a.navigation:hover{
    color: red !important;
    cursor: crosshair;
    text-decoration:none;
}

</p>

于 2012-09-24T22:21:23.897 に答える
0

私color: {color:hover}は有効なCSSだとは思わない。あなたはそこから始めたいと思うかもしれません。

于 2012-09-24T22:21:58.017 に答える