CSS :hover is strangely inheriting styles

Question

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

div.class a { ... }

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

JSFiddle

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

Answer 1

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

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

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