Javascript ：如果jquery在链接中插入.active，则选择器不工作后

我正在创建一个菜单，一旦点击了导航，每个阶段都有不同的图像背景。我使用的是

：after

，这样我就可以将其绝对定位，并将其放置在我想要的位置和文本后面。这也是因为我已经将

：before

用于另一个目的。它以前可以工作，但我正在使我的CSS更短、更有效，一切都很好，只是当单击链接时，以下CSS选择器将无法工作：

.sub-nav a:active:after, .sub-nav a.active:after

单击并：激活状态激活后，将显示图像。打开此扇区后，jquery将添加

.active

类，但问题是：after不会加载

我快疯了，也许有人能看到我犯的错误

在此，您有我的实际代码：

代码插入后的背景图像如下

：悬停：

：活动+。活动：

---

好吧，在浏览完你的网站后，你唯一缺少的就是添加

不透明度：0.9至
。辅助导航a:悬停：之后，.sub-nav a:活动：之后，.sub-nav a.活动：之后

.sub-nav a:hover:after, .sub-nav a:active:after, .sub-nav a.active:after {
    position: absolute;
    left: 6px;
    bottom: 2px;
    z-index: -1;
    opacity: 0.9;
}

你能提供一把真正有用的小提琴吗？Thanks@Giovanni西尔维耶拉：我不能，这就是重点，它不起作用。这是实际需要的代码。此外，小提琴将需要一个图像上传，老实说，我不知道如何做到这一点。提前感谢“这确实有效”，我的意思是它再现了这个问题。。。您提供的代码没有实现多少功能。。。您可以链接图像的url，而无需尝试上传it@Giovanni西尔维拉：我编辑了这个问题，我上传了精灵图片，但仍然无法工作。。。这足够好吗？好的，请解释一下
：后面的
的用法好吗？你能展示一张你想要的预期行为的图片或东西吗？西尔维耶拉：多么明显。。。我以为这是在申请。。。谢谢你的帮助@丹尼尔，没问题。。。我们是来帮忙的：）@DanielRamirez Escudero:作为旁注，现在你知道为什么我讨厌使用
：after
和
：before
除非绝对必要。。。几乎没有什么像样的方法来调试它们，因为在调试中你看不到适用的CSS。即使如此，：before和：after仍然可以让您使用更少的html标记。我想将来您将能够以更简单的方式调试这些参数。谢谢你的提示