html - 如何更改活动导航器的背景颜色

Question

所以我绝对是 HTML/CSS 的业余爱好者。我正在尝试以各种方式编辑 HTML 模板，而我坚持的一件事是尝试更改活动导航选项卡的背景颜色。它会去哪里？我用什么字符串？老实说，我什至不确定我是否提出了正确的问题或使用了正确的术语，因为我对此很陌生。我想出的一半是通过在 chrome 上使用“检查”来找出容器/等。甚至被称为。

我想更改白色以匹配下面容器的其余部分的背景颜色#fbf9f6，但只有一个处于活动状态。

我还想将所选图标的背景颜色更改为粉红色，并将图标本身在活动时更改为白色。

我会提到，据我所知，这段代码仅在 HTML 中，我认为没有 CSS 文件，因为它是我复制和粘贴的模板。如果有帮助的话，这个网站就是 Toyhouse。

这就是我希望它看起来的样子。

这是代码的链接：https ://codeshare.io/5e10QJ

标签： htmlcss

Answer 1

首先，看起来您的所有样式都在 HTML 文件中。这些样式应该被删除并放在一个 css 文件中。然后，在您的 HTML 文件中，您可以使用类和 ID 作为选择器来设置这些元素的样式。

为了在元素处于活动状态后更改颜色，可以使用伪类。您可以在此处找到相关信息。

https://www.w3schools.com/CSS/css_pseudo_elements.asp