css悬停不起作用

Question

你能看看我的代码，请告诉我为什么悬停不起作用，谢谢！

<style> 
#moreDiscussHome:hover{ 
      background-color: #ffffff; 
} 

</style> 
<a id="moreDiscussHome" style="color:#f1f7f8;background-color:#12a1b7;" href="">more discussions</a> 

Answer 1

嘛，只要display: none;应用，你不再徘徊的元素，因为它是不存在的，所以它基本上会闪烁不停或者什么都不做。

尝试不透明度改为*可能：

#moreDiscussHome:hover { 
    opcaity: 0; 
} 

注意，元素仍保留它在这个布局，你想要什么这可能不是空间......但是我真的不知道你是什么正在努力实现这一目标。

备注：没有理由不将其他内嵌样式移动到样式表中。

这是行不通的：#moreDiscussHome：hover {background-color：#ffffff; }

编辑：我强烈要求你所有内嵌样式移动到一个CSS文件。如果没有其他原因，为了避免一些你已经尝试应用背景颜色的问题。当时的捷径似乎更容易，但俗话说："Shortcuts make for long delays"。 （换句话说，不要这样做）

_{* visibility:hidden将回应:hover与display:none相同，所以它也不起作用。感谢三角提示。}