CSS a:悬停是奇怪的继承样式

时间:2012-08-31 07:27:10

标签: css hyperlink hover inheritance

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

div.class a { ... }

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

JSFiddle

如何避免重复:hover样式表?

2 个答案:

答案 0 :(得分:4)

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

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

答案 1 :(得分:3)

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

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

html body a:hover {color:#d00;}
相关问题