Html ：活动类不工作

我使用：after和：before psuedo元素在导航链接上悬停时具有边框。我一直在尝试在：active psuedo classe中使用相同的悬停边界效果，所以有人可以告诉我如何做到这一点。这是我的密码：

nav ul.u{
位置：相对位置；
颜色：F4；
}
海军李娜：之后，
海军李娜：以前{
内容：“；
位置：绝对位置；
显示：块；
宽度：0；
高度：2倍；
过渡：宽度为0.2s；
}
海军李娜：之后{
左：10%；
底部：-5px；
背景色：#f1c40f；
}
海军李娜：以前{
右：10%；
顶部：-5px；
背景色：#f1c40f；
}
导航ulli a：悬停{
颜色：#F4；
}
导航ulli a：悬停：在，
导航ulli a：悬停：在{
宽度：80%；
}
主动导航a：之后，
主动导航a：在{
内容：“；
位置：绝对位置；
显示：块；
宽度：0；
高度：2倍；
过渡：宽度3s；
}
主动导航a：在{
左：10%；
底部：-5px；
背景色：#f1c40f；
}
主动导航a：在{
右：10%；
顶部：-5px；
背景色：#f1c40f；
}

只需添加

nav ul li a:active {
  color: yellow;
}

到你的css。根据：active类的定义，每当用户用鼠标点击你的链接时，他都会看到链接的颜色变为黄色

有关活动类的更多参考，可以通过以下链接：

错误的用法

请检查后面的定义： ：：after是一个伪元素，允许您从CSS将内容插入页面（无需在HTML中）

---

您可以根据需要使用普通的悬停样式。

这似乎有点过分。你为什么不使用普通的悬停方式呢？谢谢，但不起作用。我想在活动状态下获得与悬停时相同的效果。@TejenderSingh:它似乎在plunk中工作。检查此处：它已在悬停上工作，但未处于活动状态。实际上，当链接处于活动状态时，我希望它们的顶部和底部都有相同的黄色边框。你明白“活动”是什么意思吗？@Paran0a:你是在问我吗？