Javascript 如何使我的标签中的方块在激活时具有不同的颜色

Javascript 如何使我的标签中的方块在激活时具有不同的颜色,javascript,tabs,Javascript,Tabs,我在我的页面中添加了标签,以在单击时更改内容,但我需要的是标签标题上方的方框在悬停和活动时更改颜色。我有它的悬停工作,但我不能让它工作时,该选项卡是活跃的。我试过a:active和a.active,但都不起作用。我是javascript的初学者,所以我不知道是否需要在那里添加它 这是一页- 非常感谢您的帮助!!Peggy您应该在活动类中为a着色。 将此添加到css中: .tab li.active a{background:#72bda4;}您应该在活动类中为a着色。 将此添加到css中: .t

我在我的页面中添加了标签,以在单击时更改内容,但我需要的是标签标题上方的方框在悬停和活动时更改颜色。我有它的悬停工作,但我不能让它工作时,该选项卡是活跃的。我试过a:active和a.active,但都不起作用。我是javascript的初学者,所以我不知道是否需要在那里添加它

这是一页-


非常感谢您的帮助!!Peggy

您应该在活动类中为a着色。 将此添加到css中:


.tab li.active a{background:#72bda4;}

您应该在活动类中为a着色。 将此添加到css中:


.tab li.active a{background:#72bda4;}

添加
.active{color:red;}
到css中,
a.active
以链接为目标,类为
active
的元素是
divs
你是说我应该将其添加到tab div中吗?不,我是说添加
.active{color:red;}
到您的
css
当我这样做时,整个选项卡的背景颜色就不是小框了。请在这里添加您的代码。还可以看看这个SO指南:将
.active{color:red;}
添加到css中,
a.active
以链接为目标,类
active
的元素是
divs
你是说我应该将其添加到选项卡div中吗?不,我是说添加
.active{color:red;}
到您的
css
当我这样做时,整个选项卡的背景颜色就不是小框了。请在这里添加您的代码。请看一下本SO指南:@Peggy-请确保将(最有用的)答案标记为已接受的答案。除了提高回答者的声誉外,它还使答案有点突出显示,读者通常会寻找突出显示的答案,因为它们通常是正确的。@Peggy-请确保您将(最有帮助的)答案标记为已接受的答案。除了提高回答者的声誉外,它还使答案有点突出,读者通常会寻找突出的答案,因为它们通常是正确的答案。