2013-01-17 80 views
2

我有一个HTML菜单,是这样开始:风格没有被应用

<nav id='main'> 
<ul> 

和我的CSS文件是这样的:

nav #main ul { 
    list-style: none; 
} 

但由于某些原因,这似乎并没有工作... 我在做什么错了?使用

nav#main ul { 
    list-style: none; 
} 

即删除nav#main之间的空间

+1

尝试在你的CSS删除“导航”和“#main”之间的空间。 –

回答

2

删除空格

nav#main ul { 
    list-style: none; 
} 
2

它真的应该

nav#main ul { } 
+0

哈哈,谢谢!我对制作自己的版面很陌生:D – PeaceDealer

6

空间是descendant selector

您正在尝试这种风格适用于:从一个物体id="main"这是一个<nav>对象的后代

  • 所有<ul>后裔。

而应该风格适用于:从<nav>物体id="main"

  • 所有<ul>后裔。

这是可以做到去除第一空间:

nav#main ul { 
    list-style: none; 
}