风格未被应用

Question

我有一个html菜单，就像这样开始：

<nav id='main'>
<ul>

我的CSS文件是这样的：

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

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

Answer 1

尝试使用

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

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

See the docs here for pattern matching in CSS2

Answer 2

空格为descendant selector。

您正尝试将此款式应用于：

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

您应该将样式应用于：

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

可以删除第一个空格：

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

Answer 3

删除空格

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

Answer 4

它确实应该是

nav#main ul { }