Javascript 添加选定导航栏的基本Web开发

目前正在执行Web开发人员任务，希望为设置的页面使用不同的导航栏颜色，以便在单击时不会更改，但页面会加载。不知道如何改变这一点，希望有人能帮助我，寻找一个快速的答案，因为这是一个助教

提前谢谢

*{
框大小：边框框；
}
身体{
保证金：0；
}
/*标题样式*/
.标题{
背景色：#6699cc；
填充：20px；
颜色：#E6；
文本对齐：居中；
}
/*设置顶部导航栏的样式*/
托普纳夫先生{
溢出：隐藏；
颜色：#993333；
}
/*选择导航栏时*/
托普纳夫先生
{
颜色：白色；
背景色：黄绿色；
}
.nav项目>a:悬停{
颜色：浅绿色；
}
/*设置topnav链接的样式*/
.topnav a{
浮动：左；
显示：块；
颜色：#F2F2；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
/*悬停时更改颜色*/
.topnav a:悬停{
背景色：#ddd；
颜色：黑色；
}

第1页
第1页
选择您要在此处使用的背景

深青色
绿色
石板灰
重置
document.querySelector（'#aqua'）.onclick=function（）{
document.querySelector（'body'）.style.backgroundColor='#008B8B'；
}
document.querySelector（“#绿色”）.onclick=function（）{
document.querySelector（'body'）.style.backgroundColor='#99ff99'；
}
document.querySelector（'#slate_gray'）.onclick=function（）{
document.querySelector（'body'）.style.backgroundColor='#708090'；
}
document.querySelector（“#reset”）.onclick=function（）{
document.querySelector（'body'）.style.backgroundColor='#F8F8FF'；
}
CSS代码：

一个快速修复方法是创建一个

.current

类。然后将当前类应用于您所在页面的链接。。差不多

*{
框大小：边框框；
}
身体{
保证金：0；
}
/*标题样式*/
.标题{
背景色：#6699cc；
填充：20px；
颜色：#E6；
文本对齐：居中；
}
/*设置顶部导航栏的样式*/
托普纳夫先生{
溢出：隐藏；
颜色：#993333；
}
.topnav.current{
背景：灰色；
颜色：黑色；
}
/*选择导航栏时*/
托普纳夫先生
{
颜色：白色；
背景色：黄绿色；
}
.nav项目>a:悬停{
颜色：浅绿色；
}
/*设置topnav链接的样式*/
.topnav a{
浮动：左；
显示：块；
颜色：#F2F2；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
/*悬停时更改颜色*/
.topnav a:悬停{
背景色：#ddd；
颜色：黑色；
}

第1页
第1页
选择您要在此处使用的背景

深青色
绿色
石板灰
重置
document.querySelector（'#aqua'）.onclick=function（）{
document.querySelector（'body'）.style.backgroundColor='#008B8B'；
}
document.querySelector（“#绿色”）.onclick=function（）{
document.querySelector（'body'）.style.backgroundColor='#99ff99'；
}
document.querySelector（'#slate_gray'）.onclick=function（）{
document.querySelector（'body'）.style.backgroundColor='#708090'；
}
document.querySelector（“#reset”）.onclick=function（）{
document.querySelector（'body'）.style.backgroundColor='#F8F8FF'；
}
CSS代码：

I这与C有什么关系？CSS与C语言没有任何关系，只是名称中有字母：-）你可能是指Adobe CS5？CS50有关于溢出的on部分。这个问题在那里更重要。谢谢你的帮助。新的堆栈溢出。对不起，标签不正确。我现在已经把它更新到正确的版本了，我尝试了这些更改，但遗憾的是它没有起作用