在链接标记内部无法使用content =''添加：

Question

::after元素悬停时会产生CSS取消效果。
这是一个例子：

.wrapper a:hover:after, footer.main-footer a:hover:after {
   background:#ff0000;
}

这是测试链接： http://www.epicdesign.com.hk/portfolio/north-district-flower-bird-insect-and-fish-show-2014/

在Chrome开发者控制台中，请注意顶部有一些链接标记内部有::after，这将显示效果

<a href="test.com" data-term="event">Event::after</a>

在底部角落，某些链接没有，但在控制台中您可以注意到它已经有content='' - 属性。

<a class="back-to-portfolio" href="test2.com">All</a>

问题是，为什么底部链接不包含:after，因为我使用了content=''？如何解决？
非常感谢您的帮助。