Css 如何获取：：after来处理锚元素

我想在WordPress菜单的按钮上显示一个直角三角形。问题是after伪元素没有出现！这是页面，按钮是橙色菜单中的最后两个：

---

我已经阅读了：：after的规范，它的内容设置应该显示出来，但它没有，有人能理解为什么：after伪元素在本例中没有显示在Google Chrome中吗？我非常感谢提供的任何帮助！！似乎我正确地应用了样式，但我肯定遗漏了什么。

出现了类冲突，尽管我找不到导致冲突的样式，但将类名更改为“menu item button ex”修复了它。

可能字体族名称拼写错误？不应该是“未编码图标”吗？值得一试。。。尝试

：：在
之后。从技术上讲，伪元素应该有2个冒号。。。与只有1的伪类相比。你也应该发布你的HTML，这样我们可以重现这个问题。也许你需要添加高度。也许背景是白色的，所以三角形是伪装的。您提供的代码有限，很难说。我将指向页面本身的链接放入，然后进行编辑，一定是无意中删除了它，这是完整的页面：
#masthead .menu-primary-inner li.menu-item-button.menu-item a:after {
    transition: 200ms;
    content: "\f0da";
    font-family: 'uncodeicon' !important;
    font-size: 12px;
    margin-left: 10px;
    position:absolute;
    top: 42%;
    right: 31px;
    width: auto;
    color: white;
}