Html 对处于悬停状态的元素的操作

我里面有个悬停问题。如您所见，页脚内的每个链接（也有tweets）在悬停时都会变为白色，但移动时也会变为白色*我根本不需要他们中的任何一个移动。*我不知道如何停止这个动作

CSS代码：

#footer a {
font-size: 14px;
font-family: 'Oswald', Arial, sans-serif;
font-weight: 300;
color: #fec214;
}

---

您有另一个选择器：

#sidebar ul li, #footer ul li :hover{
    padding: 0px 0 0px 0;
    margin: 0px 4px 10px 0px;   
    line-height: 34px;
    background: none;
    font-size: 1em; 
    padding-top: 17px;
    margin-bottom: -20px;
    color: white;
    width: 200px;
}

这会触发

li

中

a

项目的

悬停状态。还有更多

如果删除
行高声明，则停止移动：

line-height: 34px; /*Remove this*/

您有另一个选择器：

#sidebar ul li, #footer ul li :hover{
    padding: 0px 0 0px 0;
    margin: 0px 4px 10px 0px;   
    line-height: 34px;
    background: none;
    font-size: 1em; 
    padding-top: 17px;
    margin-bottom: -20px;
    color: white;
    width: 200px;
}

这会触发
li
中
a
项目的
悬停状态。还有更多

如果删除
行高声明，则停止移动：

line-height: 34px; /*Remove this*/

我检查了你的CSS，这就是我发现的

media="screen"
#sidebar ul li, #footer ul li :hover {
padding: 0px 0 0px 0;
margin: 0px 4px 10px 0px;
line-height: 34px;
background: none;
font-size: 1em;
padding-top: 17px;
margin-bottom: -20px;
color: white;
width: 200px;
}

好了。只需删除
颜色：白色和
行高
，然后你就可以走了。
我检查了你的CSS，这就是我发现的

media="screen"
#sidebar ul li, #footer ul li :hover {
padding: 0px 0 0px 0;
margin: 0px 4px 10px 0px;
line-height: 34px;
background: none;
font-size: 1em;
padding-top: 17px;
margin-bottom: -20px;
color: white;
width: 200px;
}

好了。只需删除
颜色：白色
和
行高
，然后您就可以开始了。
选择器中有一个行高属性，悬停在链接上时会触发该属性，并将它们四处移动。
只要把它取下来，看看它是否适合你

#sidebar ul li, #footer ul li :hover{
    padding: 0px 0 0px 0;
    margin: 0px 4px 10px 0px;   
    /* line-height: 34px; */
    background: none;
    font-size: 1em; 
    padding-top: 17px;
    margin-bottom: -20px;
    color: white;
    width: 200px;
}

此代码段来自于中的第2603行。
选择器中有一个line height属性，当鼠标悬停在链接上时触发该属性并将其四处移动。
只要把它取下来，看看它是否适合你

#sidebar ul li, #footer ul li :hover{
    padding: 0px 0 0px 0;
    margin: 0px 4px 10px 0px;   
    /* line-height: 34px; */
    background: none;
    font-size: 1em; 
    padding-top: 17px;
    margin-bottom: -20px;
    color: white;
    width: 200px;
}

这段代码来自您的文档中的第2603行。
Hi@Danko，我已经删除了行高声明，但移动仍然存在。我应该将#边栏类和#页脚类分开吗。我确实注意到，如果我将线高度从34px更改为15px，移动效果会更短，但仍然保持不变。在mozilla中，从34px到20px的更改将保持不变，就好像页脚的第一列中没有发生任何事情一样。此行高度是否可以与未声明悬停状态的同一元素的行高度链接？是否清除缓存？并将更改上传到您的网站，以便我检查？缓存已清除，并且所述更改是实时的@Danko@Gonpires我说删除行，但如果你想保持它与a
#footer相同。widgetBox a
这里是16px 16px在Chrome和safari上完美工作，但我需要让它在mozilla中也能工作。你对此有什么想法吗？嗨@Danko，我已经删除了线高度声明，但移动仍然存在。我应该将#边栏类和#页脚类分开吗。我确实注意到，如果我将线高度从34px更改为15px，移动效果会更短，但仍然保持不变。在mozilla中，从34px到20px的更改将保持不变，就好像页脚的第一列中没有发生任何事情一样。此行高度是否可以与未声明悬停状态的同一元素的行高度链接？是否清除缓存？并将更改上传到您的网站，以便我检查？缓存已清除，并且所述更改是实时的@Danko@Gonpires我说删除行，但如果你想保持它与a
#footer相同。widgetBox a
这里是16px 16px在Chrome和safari上完美工作，但我需要让它在mozilla中也能工作。你对此有什么想法吗？嘿@Michael S.，我已经移除了它，但运动仍然存在。我已经将行高从34px更改为15px，并且移动更小（仅在chrome和safari中，而不是在mozilla中）。嘿@Michael S.，我已经删除了它，但移动仍然存在。我已经将行高从34px更改为15px，移动更小（仅在chrome和safari中，而不是在mozilla中）。怎么了？我确实移除了它，但我仍然有问题。我已经将线条高度从34px更改为15px，移动不太明显，但仍然存在。（仅在chrome和safari中，而不是在mozilla中）。您需要添加一个JSFIDLE，以便我们可以看到发生了什么。（或者至少在您的实际网站上更新。）您是否也尝试过删除
填充顶部
？尝试禁用整个代码块
/**/
，然后从那里开始。我将行高更改为16px，在safari和chrome上不再移动，但问题只在Mozilla的第一列上存在（需要浏览器支持）。我试着去掉上面的填充物，但没有改变。我很想添加一个JSFIDLE，但我的网站是在wordpress架构下，当我复制html和css时，它只呈现一个框。你至少需要在线更新它，这样我才能看到它。不看不到问题是不可能知道的。它已经更新了。你可以看到每个页脚图标和链接在mozilla中是如何移动的。怎么了？我确实移除了它，但我仍然有问题。我已经将线条高度从34px更改为15px，移动不太明显，但仍然存在。（仅在chrome和safari中，而不是在mozilla中）。您需要添加一个JSFIDLE，以便我们可以看到发生了什么。（或者至少在您的实际网站上更新。）您是否也尝试过删除
填充顶部
？尝试禁用整个代码块
/**/
，然后从那里开始。我将行高更改为16px，在safari和chrome上不再移动，但问题只在Mozilla的第一列上存在（需要浏览器支持）。我试着去掉上面的填充物，但没有改变。我很想添加一个JSFIDLE，但我的网站是在wordpress架构下，当我复制html和css时，它只呈现一个框。你至少需要在线更新它，这样我才能看到它。不看不到问题是不可能知道的。它已经更新了。您可以看到每个页脚图标和链接在mozilla中是如何移动的。