控制元素上的伪元素样式：悬停

Question

我有这个SASS代码来控制表格标题单元格的外观：

th {
  ...
  &:hover {
    text-decoration: underline;
  }
  &:after {
    font-family: $icon-font;
    content: "\e917";
    text-decoration: none !important; (1)
  }
  &:hover:after { (2)
    text-decoration: none !important;
  }
}

基本上，我在文本后面有文字和雪佛龙图标（在：后面的伪元素中）。在悬停时，我希望文本加下划线，但不是图标。

我如何实现这一目标？

我已经尝试过的事情：

• （1）识别我从不希望图标加下划线 - 没有效果。
• （2）控制伪类的伪元素 - 没有效果。