打开导航栏的样式文件，在 styles 目录的下面 ... 找到 navbar.scss ..

在里面，先嵌套一个 &.sub ... 因为我们的页内导航上面，除了有 ui navbar 以外，还有 sub 这个 css 类 ..

先在导航的下面添加一条一个像素的灰色的边框 .. 再把 width ，也就是宽度设置成 100% .. 背景颜色也重新再设置一下 ...

然后是子导航里的 .header 的样式 .. 先把文字改成大写的 ... 再设置一下标题文字的颜色 .. 用 rgba 来表示 .. 让标题在默认状态下没那么显眼 ..

添加点字间距，可以是 6px ... 标题的上下两边再添加点边距 ... 上下是 8 像素，左右是 0 ..

再设置一下标题在 hover 状态下的样式 .. 文字的颜色还是黑色，不过我们可以让不透明度大一些 ..

到浏览器上试一下 ... 悬停在标题上 .. 这里我们可以让指针变成手形 ... 把 cursor 设置成 pointer ..

下面是 menu ，也就是菜单的样式 .. 先把 width 设置成 100% ... 文字的对齐方式设置成右对齐 ...

再去设置菜单里面的每个项目的样式，嵌套一个 .item .. font-size ，字号是 16px ，让它比主导航的字号小一点 .. 文字的颜色可以在浅一点 ...

菜单项会有一个激活状态，激活状态下的菜单项上面应该会有一个 active 类，我们再单独设置一下这种状态下的菜单项的样式 ... 让文字的颜色更深一点 ..

现在我们就基本完成了页内导航的样式 ... 下面我们要去设置一下导航栏的一些行为 ...