IE：11在不工作之前徘徊

Question

我的链接结构如下：

a{
  // some css here
}
a:before{
 // contains font icon
}
a:hover{
 text-decoration:underline;
}
a:hover:before{
 text-decoration:none;
}

我只需要在链接悬停时添加text-decoration:underline，而不是在之前的部分。我的代码在chrome上运行得很好，但在IE 11上，text-decoration:none不适用于a:hover:before。

Answer 1

您可以做的是将<a>的主要内容放在一个范围内，并仅为范围加下划线。

a {
  text-decoration:none;
}
a:before {
 content: '➠ ';
}
a:hover span {                 /* changed */
 text-decoration:underline;
}
a:hover:before {
 text-decoration:none;
}

<a href="#"><span>Click here</span></a>