css - 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 列跨越一侧，请删除 margin-right 并设置例如

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

不知何故，20% 不起作用，第 5 列将中断到下一行，19% 就可以了。

希望这是您正在寻找的。