0

我决定学习一点 CSS / HTML

我正在大致按照本教程制作导航栏。我喜欢子链接与他的标签父链接的颜色不同。我想更进一步，不是所有顶部链接都是白色的，子链接是蓝色的，每个子列表从白色到黑色逐渐比其父级更暗。

首先，我尝试使用 nth-child 来执行此操作，但在发现您不能仅将 n 用作参数后放弃了该方法。

现在我试图在每个孩子从白色（255,255,255）到黑色之前使用计数器减少。减少计数器不是问题，但将计数器分配给背景颜色没有任何作用，（其中 background-color: rgb(0,0,0,) 会）

background-color: rgb(content: counter(Counter_Red),content: counter(Counter_Green),content: counter(Counter_Blue));

这是一段不起作用的代码。他们有什么办法让它工作或替代方法吗？

4

2 回答 2

0

您可以简单地将 a 添加background-image linear-gradient到uls：

ul {
  width: 100px;
  background-image: linear-gradient(bottom, rgb(0,0,0) 0%, rgb(250,250,250) 91%);
  background-image: -o-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(250,250,250) 91%);
  background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(250,250,250) 91%);
  background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(250,250,250) 91%);
  background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(250,250,250) 91%);;
}

这是一个非常简单的js fiddle 示例来说明。

MDN 解释
简单的梯度生成器

于 2013-09-02T16:40:08.033 回答
0

尝试

CSS

nav ul li a {
color:#000;
    background:#FFF;
}
nav ul ul li a {
color:#000;
    background:#FFF;
}

您也可以使用http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_horizo ​​ntal_blue/ 上提供的多级 jquery 菜单

于 2013-09-02T16:47:00.623 回答