Question

我在My Site's footer内有悬停问题。如您所见，页脚内的每个链接（也是推文）在悬停时变为白色，但移动。 * 我根本不需要其中任何一个。 *我不知道如何停止这一行动。

CSS代码：

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

Answer 1

我检查了你的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;
}

你去吧。只需删除color:white;和line-height，然后就可以了。

Answer 2

你有另一个选择器：

#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;
}

这会在hover内触发a项的li状态。还有更多specificity。

如果删除line-height声明，则停止移动：

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

Answer 3

您在选择器中有一个行高属性，当您将鼠标悬停在链接上并移动它们时会触发。只需删除它，看看它是否适合你。

#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;
}

此代码段来自style.css。

中的第2603行

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

3 个答案: