Javascript Jquery菜单按钮设置1默认活动颜色

我正在尝试创建一个包含5个简单css按钮的菜单，但我需要其中一个按钮处于默认活动状态。以下是我所知道的一个不起作用（没有Jquery）

默认情况下，我需要“主页”按钮以另一种颜色激活。你知道怎么做到吗

页脚{
利润率：69px自动0；
最小宽度：374px；
宽度：100%；
高度：69px；
背景：rgb（34,34,34）；
位置：相对位置；
}
鲍通先生{
宽度：20%；
显示：内联块；
文本对齐：居中；
大纲：无；
光标：指针；
高度：69px；
线高：69px；
背景：rgb（34,34,34）；
颜色：#fff；
过渡：0.3s；
字号：17px；
}
.波通：悬停{
背景：rgb（255、255、255）；
}
.botones.active{
背景：rgb（255、196、84）；
}

关于
团队
家
钱包
支持

将活动类设置为主页

页脚{
利润率：69px自动0；
最小宽度：374px；
宽度：100%；
高度：69px；
背景：rgb（34,34,34）；
位置：相对位置；
}
鲍通先生{
宽度：20%；
显示：内联块；
文本对齐：居中；
大纲：无；
光标：指针；
高度：69px；
线高：69px；
背景：rgb（34,34,34）；
颜色：#fff；
过渡：0.3s；
字号：17px；
}
.波通：悬停{
背景：rgb（255、255、255）；
}
.botones.active{
背景：rgb（255、196、84）；
}

关于
团队
家
钱包
支持

页脚{
利润率：69px自动0；
最小宽度：374px；
宽度：100%；
高度：69px；
背景：rgb（34,34,34）；
位置：相对位置；
}
鲍通先生{
宽度：20%；
显示：内联块；
文本对齐：居中；
大纲：无；
光标：指针；
高度：69px；
线高：69px；
背景：rgb（34,34,34）；
颜色：#fff；
过渡：0.3s；
字号：17px；
}
.botones:悬停，.botones.活动：悬停{
背景：rgb（180,180,180）；
}
.botones.active{
背景：rgb（255、196、84）；
}

关于
团队
家
钱包
支持

在“主页”按钮上添加另一个类，并覆盖样式规则。如果您是对的，这是一个简单的方法，但非常好。在“主页”按钮上添加活动类非常有效