彩色编码顶栏菜单标签Zurb Foundation

Question

我对此有点新意，所以希望这对比我更多的人有所帮助。

我正在使用Zurb的基础，需要在顶栏菜单中对每个标签进行颜色编码，类似USA Today的菜单（但有下拉菜单）。从setting.scss文件中可以看到topBar属性（高度，颜色等）的选项，这会影响下拉列表的所有选项卡。

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

Answer 1

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