1

我正在复制 Google 主页（用于练习）并且遇到了一些问题。

这是我的 jsfiddle：http: //jsfiddle.net/sdaless/kTn7j/

我正在尝试使我的文本颜色：白色，并且没有文本装饰。无论我把这两个命令放在哪里，它们都不会改变。我不知道我是否有继承问题或我的问题可能是什么。根据我的理解，我认为我可以提出：

 color: white;
 text-decoration: none;

在我的#nav-containerid 或#navlist.

4

5 回答 5

2

try this

#nav-container ul li a{

color: white;
text-decoration: none;
}

DEMO

于 2013-07-12T14:46:28.233 回答
2

删除下划线和使文本颜色为白色都适用于锚标记

ul#navlist li a{
     color:#fff;
     text-decoration:none;
}
于 2013-07-12T15:38:47.597 回答
1

You need to change this selector:

#navlist li

To this (target the a tag)

#navlist li a
于 2013-07-12T14:46:28.850 回答
1

在制作基于列表的菜单时，所有与位置无关的样式都应该放在 A-tag 上，而不是 LI 并使用display:block.

于 2013-07-12T14:43:59.573 回答
0

文本存在于anchor标签内，因此应该为a标签应用 css。试试这个 CSS

#nav-container {
    background-color:#000;  
}

#navlist li {
    display: inline;
    list-style-type: none;

}
#navlist li a{
        color:#fff;
        text-decoration:none;
}

检查这个小提琴：http: //jsfiddle.net/Kritika/KnS8s/

于 2013-07-12T15:05:13.587 回答