颜色编码顶栏菜单选项卡Zurb基金会

我对此有点新，所以希望这会对比我更多的人有所帮助。颜色编码顶栏菜单选项卡Zurb基金会

我正在使用Zurb的基金会，并且需要在顶栏菜单中为每个标签设置颜色代码，例如USA Today的菜单（但带有下拉菜单）。从setting.scss文件中有topBar属性的选项（高度，颜色等），这会影响下拉列表中的所有选项卡。

您会如何着手为topBar菜单创建小节，每个小节都有自己的颜色？

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

2013-01-16 12:11:46 Marco

感谢您的回答，好像我有负载学习还是:)的第n个孩子伪类是非常有趣的，但我不是肯定这是我现在需要的。有没有一种方法可以根据它们包含的单词来定位特定的菜单项（例如，如果菜单元素包含单词“联系人”，那么它应该有粉红色背景） –

发现这一点，我认为这将有助于对回答我的问题:) CSS rule based on content

2013-01-18 11:31:14

如果您想更改基于样式的基础，可以使用更简单的jQuery来做这样的事情选项卡链接的位置而不是内容。例如：$（'a [href * =“/ contact /”]'）。css（'background-color'，'red'） – Dylan

回答