2

我有一个 html 菜单,开头是这样的:

<nav id='main'>
<ul>

我的 CSS 文件是这样的:

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

但由于某种原因,这似乎不起作用......我做错了什么?

4

4 回答 4

7

尝试使用

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

即删除和之间的空格nav-#main使用空格表示#main是后代nav而不是说#main是 id 属性nav

有关 CSS2 中的模式匹配,请参阅此处的文档

于 2013-01-17T16:43:04.890 回答
6

空间是后代选择器

您正在尝试将此样式应用于:

  • <ul>一个对象的所有后代id="main"都是一个对象的后代<nav>

您应该改为将样式应用于:

  • 带有 的对象的所有<ul>后代。<nav>id="main"

可以删除第一个空格:

nav#main ul {
   list-style: none;
}
于 2013-01-17T16:45:30.810 回答
2

删除空间

nav#main ul {
   list-style: none;
}
于 2013-01-17T16:43:03.927 回答
2

它真的应该是

nav#main ul { }
于 2013-01-17T16:43:10.230 回答