css - 颜色编码顶栏菜单选项卡 Zurb Foundation

Question

我对此有点陌生，所以希望这会对比我自己更多的人有所帮助。

我正在使用 Zurb 的 Foundation，并且需要对顶栏菜单中的每个选项卡进行颜色编码，类似于USA Today的菜单（但带有下拉菜单）。在 setting.scss 文件中有 topBar 属性（高度、颜色等）的选项，这会影响下拉列表的所有选项卡。

您将如何为 topBar 菜单创建子部分，每个子部分都有自己的颜色？

Answer 1

您可以为所有菜单项添加类，或使用:nth-child伪类为每个菜单项分配不同的边框颜色。