html - 通过事件类名设置事件状态的样式

Question

我有一组带有 2 个用于打开选项卡的按钮的选项卡。我已经能够为选项卡设置正常和悬停状态的样式，但是我对事件状态的样式设置不成功。

因为这使用了一个外部库作为选项卡，所以按钮通过类名被标记为事件的，所以我必须使用 .active类而不是 :active选择器。

有问题的元素如下: <a class="nav-link skills-tab active" id="design-tab" data-toggle="tab" href="#design" role="tab" aria-controls="design" aria-selected="true">Design</a>

我已经尝试通过各种类和 id 组合的组合来设置样式，例如:

#design-tab .active

.nav-link .skills-tab .active

#design-tab .nav-link .active

不幸的是，这些似乎都不起作用。我认为网站上还有其他样式阻止了这个样式的通过，因此我试图找到合适的样式来覆盖它。连!important不管用。

如果您想查看正在进行的工作以获得更好的想法，请点击此处的网页链接: http://eg-graphics.com/Website%20New/about-us.html

Answer 1

#design-tab .nav-link .active 这个永远不会工作，因为 .active 是 .nav-link 实际上它们只在同一个元素上。

你可以试试这个吗？

.nav-link.active {
    background: 
    green !important;
}