css - Drupal 7 多色菜单

Question

我想要水平菜单，例如 4 种不同 bgcolor 中的 4 个按钮/链接，它们各自的兄弟姐妹颜色相同：例如，第一个菜单项为红色，其兄弟姐妹为红色，第二个菜单项为绿色，兄弟姐妹为绿色，第三个菜单项黑色和黑色的兄弟姐妹和黄色和黄色的兄弟姐妹中的第四个。父级菜单将具有固定宽度。第二级可能不同..允许换行/自动换行等。

请对多色菜单有任何建议吗？

谢谢

例如 img http://www.cssmenusamples.com/wp-content/uploads/2010/03/wakestock.jpg

Answer 1

您可以使用条件 CSS。

li a { 边框：5px 实心 #FFFFFF; }

li:first-child a{ 背景颜色：#000000; }

li:first-child + li > a{ 背景颜色：#0000FF; }

li:first-child + li +li > a{ 背景颜色：#00FFFF; }

li:first-child + li +li +li > a{ 背景颜色：#00FF00; }

根据需要更改颜色代码..希望这对您有所帮助。

Answer 2

如果您的父菜单具有唯一的 id 或类，您可以使用 css（示例）来完成。

如果您的主题/模块不打印唯一的 ids/类，您可以使用theme_menu_link函数或模块menu_attributes添加它们。