CSS下拉菜单格式问题

Question

我需要一些CSS下拉菜单的帮助。 jsfiddle链接如下。

我需要帮助的两件事。第一个是如何在整个页面中展开5个菜单项？我尝试使用ul li {margin-right：XXX}，但是在Item5一直到页面右侧之前，它下降到了下一行。有什么想法吗？

第二件事。我正在尝试更改文本的颜色（在jsfiddle中它是蓝色），但是当我通过向文本添加类来更改文本颜色时，将文本更改为白色的悬停操作不起作用。如何更改文本颜色以确保悬停仍然有效？

谢谢！

Answer 1

请查看小提琴的更新http://jsfiddle.net/G7Ghs/3/
你有一些拼写错误（例如，缺少字母的过渡），我修复了它们。

浏览器将字体颜色设置为蓝色，因为“”的样式为超链接，因此您需要选择此标记，例如与

ul li a{    color: orange; }
ul li a:hover{    color: yellow; }  

我定义了一些演示颜色，按您喜欢的方式更改它们。

要强制5列跨越侧面，请移除边距右侧并设置例如

  ul li {
    margin: 0;
    width:19%;
  ... }

不知何故，20％不起作用，第5列将突破到下一行，19％将没事。

希望这就是你要找的东西。