Weird CSS Transition Мерцание при наведении

Question

Недавно я столкнулся с проблемой «Проблема» в Edge Browser, используя следующий код, приводящий к странному изменению поведения наведения на ссылках.

гляньте себя:

• 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

Кажется, что вы не следовали цвета присвоения. Странное поведение может быть связано с этим неправильным использованием. A: зависание должно быть размещено после правил и A:visited, так как в противном случае каскадные правила скроют свойство «color» правила A: hover. Аналогично, поскольку A: активный помещается после A: hover, активный цвет (известь) будет применяться, когда пользователь активирует и навешивает над элементом A.

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