奇怪的CSS转换在悬停时闪烁

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

自己看看：

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

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

HTML:

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

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

---

似乎您没有遵循颜色分配。这种奇怪的行为可能与这种不当使用有关。A:hover必须放在

A:link

和

A:visted

规则之后，否则级联规则将隐藏A:hover规则的“color”属性。类似地，因为：active放置在：hover之后，所以当用户激活并悬停在A元素上时，将应用活动颜色（石灰）

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

---

似乎您没有遵循颜色分配。这种奇怪的行为可能与这种不当使用有关。A:hover必须放在

A:link

和

A:visted

规则之后，否则级联规则将隐藏A:hover规则的“color”属性。类似地，因为：active放置在：hover之后，所以当用户激活并悬停在A元素上时，将应用活动颜色（石灰）

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

---

尝试调整悬停的宽度。有时，浏览器在没有默认宽度的情况下会做出这种行为。a:访问了a:悬停{宽度：17em；背景：#B2CDE0；尝试调整悬停的宽度。有时，浏览器在没有默认宽度的情况下会进行此行为。a:访问了a:悬停{宽度：17em；背景：#B2CDE0；