超链接 a:hover 的继承关系

作者：vkvi 来源：ITPOW（原创）日期：2014-8-25

a { background:green; }
a:hover { background:red; }
a.last { background:none; }

如上 CSS，当鼠标移到一个 class 为 last 的超链接上，它该显示什么背景？none 还是 red？

也就是说由于它没有 a.last:hover，它到底是继承 a.list 的还是继承自 a:hover 的呢？

IE 8、Chrome 是继承自 a.last 的，即没有背景，而 IE 6 是继承自 a:hover 的，即鼠标移上去背景是红色。

所以，为了兼容性，还是把 a.last:hover 都写上吧。

总结

标准规范中，:hover 还是首先继承自自身元素，而不是去找别人的 a:hover。