Html 为什么不'；在我给容器添加填充物后，我的按钮不起作用吗？

我的按钮显示为活动状态时出现问题。目前，它们实际上什么都不做，但它们甚至看起来都不具有悬停效果。我曾尝试给它们添加效果，但当我这样做时，似乎什么都没有改变

我尝试过删除css的所有不同部分，当从容器中删除填充时，按钮会再次激活，但这只是偶尔发生的

我不确定我做错了什么，我在这方面显然是一个完全的n00b，因为这是我第一次真正尝试创建一个真正的网站，并且只是为了好玩而玩html/css

如果您有任何建议，请告诉我，非常感谢

.container{
填充：10%；
}
h1{
颜色：#FFEA9F；
边距：0自动0自动；
字体大小：30px；
字母间距：15px；
字体系列：“Fira代码”，单空格；
文本对齐：居中；
}
身体{
边界：20px；
填充：20px；
边距：0自动0自动；
背景：线性梯度（向右，#FFE899，#F48C30）；
}
.底部{
位置：固定；
底部：0；
宽度：100%；
左：0；
}
#主导航{
字号：100；
不透明度：0.9；
字体系列：“Nunito”，无衬线；
}
#主导航。导航栏品牌{
颜色：#FFEA9F；
}
#主导航链接{
颜色：#FFEA9F；
}
#导航链接：悬停{
颜色：#F48C30；
}
.崩溃{
颜色：#FFEA9F；
}
.按钮{
背景色：#8C1909；
边界：无；
颜色：#FFEA9F；
/*填充：10px 25px*/
文本对齐：居中；
文字装饰：无；
显示：内联块；
字体大小：36px；
字母间距：5px；
字体系列：“Fira代码”，单空格；
不透明度：0.8；
边界半径：8px；
盒影：1px 1px#544d；
网格行开始：1；
}
.按钮2{
背景色：#8C1909；
边界：无；
颜色：#FFEA9F；
文本对齐：居中；
显示：内联块；
字体大小：36px；
字母间距：5px；
字体系列：“Fira代码”，单空格；
不透明度：0.8；
边界半径：8px；
盒影：1px 1px#544d；
}

火星冒险号
创造
勘探

使用引导时，

navbar品牌

应仅用于品牌（网站名称）。您不应该对每个navbar元素都使用它。您应该对链接的导航栏项目使用

.nav item nav link

想知道为什么您不将其格式化为带有

li

列表项的

ul

元素以用于导航？编辑：应该提到它不是必需的，但它是相当标准的

重新查看navbars的文档，因为它肯定会有所帮助

---

此外，您可能希望使用ID来设置此链接的样式，并使用伪选择器a:active a:visited来确保在访问或激活链接后颜色保持不变

你好!！非常感谢您的回复。我可以通过删除“导航栏暗”来解决这个问题，但使用导航项导航链接可以删除我的自定义颜色。此外，a:link、a:visted等在我的css中不起作用，即使我更新到nav项nav link。我正在考虑重写我的全部代码，因为它有点到处都是。我的按钮看起来仍然不活跃，不确定在添加实际链接后是否会改变，但如果我删除.css文件，它们就可以正常工作，因此这与html和css的通信方式有关，我还更新了这篇文章，因为我最近对脚本做了一些修改。我最终用更多的组织结构重写了整个代码，它似乎起到了作用。我遇到的唯一问题是无法添加带有img的背景色，所以我只使用了img。谢谢大家的帮助！不清楚你所说的“主动”是什么意思。如果我们谈论的是“创建”和“探索”按钮，则当光标悬停在按钮上时，按钮处于活动状态。“我已经尝试过给它们添加效果”-请展示你在这里尝试过的内容。我最终用更多的组织重写了整个代码，它似乎起到了作用。我遇到的唯一问题是无法添加带有img的背景色，所以我只使用了img。谢谢大家的帮助！