悬停

Question

我最近在Edge浏览器中遇到了一个“问题”，使用以下代码导致链接上出现奇怪的悬停转换行为。

自己看看：

• JSFiddle
• The App I'm working on ('Test' Link)

HTML：

<a><h1>Test</h1></a>

SCSS：

* {
  transition: all .15s ease-in;
}
a {
  color: inherit;
  &:hover {
    color: blue;
  }
}
h1 {
  color: black;
}

Answer 1

您似乎没有按照颜色分配。奇怪的行为可能与这种不正确的使用有关。答：hover必须放在A:link和A:visited规则之后，否则级联规则会隐藏A：hover规则的'color'属性。同样，因为A：active放在A：hover之后，当用户激活并悬停在A元素上时，将应用活动颜色（lime）。

link {color: blue;}    
visited {color: purple;}   
hover {color: red;}      
active {color: yellow;}