Question

我正在复制Google主页（进行练习），但遇到了一些问题。

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

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

 color: white;
 text-decoration: none;

我的#nav-container ID或#navlist。

Answer 1

试试这个

#nav-container ul li a{

color: white;
text-decoration: none;
}

DEMO

Answer 2

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

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

Answer 3

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

Answer 4

您需要更改此选择器：

#navlist li

到此（定位标签）

#navlist li a

Answer 5

文本位于anchor标记内，因此css应该应用于a标记。试试这个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/

更改ID中的链接和字体颜色

5 个答案: