CSS a:hover 奇怪地继承了样式答案

【问题标题】：CSS a:hover is strangely inheriting stylesCSS a:hover 奇怪地继承了样式
【发布时间】：2012-08-31 07:27:09
【问题描述】：

我意识到，如果我在 CSS 中设置链接的样式，使用具有类名的父元素，即：

div.class a { ... }

链接的悬停状态也继承了这个样式表，但前提是我指定了一个特定的类。

如何在不重复 :hover 样式表的情况下解决这个问题？

【问题讨论】：

【解决方案1】：

您可以使用!important 作为悬停样式。

a:hover {color:#d00 !important;}

【讨论】：

我知道，但这对我来说也不是一个好的决定。因为我需要使链接的样式可以使用我需要进一步创建的 CSS 编辑器进行编辑（如 Firebug，但它将在管理面板中构建）。并且很难检测到特定元素中是否有!importnan
嗯，你没有在你的问题中提到这个要求。然后你应该使用 Guffa 的解决方案。

【解决方案2】：

选择器div.div a 比选择器a:hover 更具体，因此优先。

如果您使悬停选择器更具体，它也将用于最后一个 div。例如：

html body a:hover {color:#d00;}

【讨论】：