Navigation 设置两个导航栏的样式

Navigation 设置两个导航栏的样式,navigation,tags,nav,Navigation,Tags,Nav,这是我的第一篇文章。我只学了不到一个星期的HTML/CSS,可能需要一些建议! 我有一个导航栏,它在所有页面上都是相同的。我想在“hdm_menu.html”中添加第二个导航栏。我成功地做到了这一点。但是,我希望第二个菜单栏的样式有所不同。第一个和第二个当前在css文件中使用相同的标记进行样式设置。我需要创建第二个.css吗?是否需要为第二个工具栏中的每个标记添加id或类?还是有其他方法来实现这一点 CSS 您当然不需要创建另一个.css文件 您可以使用标记和类来标识现有.css文件中的第二个导

这是我的第一篇文章。我只学了不到一个星期的HTML/CSS,可能需要一些建议! 我有一个导航栏,它在所有页面上都是相同的。我想在“hdm_menu.html”中添加第二个导航栏。我成功地做到了这一点。但是,我希望第二个菜单栏的样式有所不同。第一个和第二个当前在css文件中使用相同的标记进行样式设置。我需要创建第二个.css吗?是否需要为第二个工具栏中的每个标记添加id或类?还是有其他方法来实现这一点

CSS


您当然不需要创建另一个.css文件


您可以使用标记和类来标识现有.css文件中的第二个导航栏。如果有其他元素使用相同的样式,最好使用类,否则使用id就可以了。

我会给每个导航栏指定一个单独的类名,并有两种样式应用于其子项或指定的标记。nav-bar-1A{css here…}。nav-bar-2A{css here…}谢谢!我没想到我能做nav-1A{和nav-2A{…这么简单!
a:link, a:visited {
font-size: 1.5em;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
color: #000000;
letter-spacing: -0.09em;
text-decoration: none;
}

a:active, a:hover {
font-size: 1.5em;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
text-decoration: underline;
letter-spacing: -0.09em;
color: #FF0000;
}