Question

基本上这发生在我的主题中：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>

为什么此链接可能会影响我主题中的其他链接？非常感谢。对不起，如果这是初学者的问题。

Answer 1

我不确定，但你的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;
}

Answer 2

我不相信color: {color:hover}是有效的CSS。你可能想从那里开始。

直到鼠标悬停的模糊文字？

2 个答案: