Css 如何为一个Div设置多个样式？

我的CSS外部样式表有一些问题。我试图在导航栏中创建一个无序列表。我试图通过向我的navbar div添加多个样式来实现这一点，但是当这些样式在navbar div中时，这些更改都不会对页面产生任何影响

#navbar{
    ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    li {
        display: inline;
    }
}

---

提前谢谢

你不能那样嵌套它们，试试这个：

标记/标识符之间的空格表示右选项位于左选项内

#navbar ul{
    list-style-type: none;
    margin: 0;
    padding: 0; 
}

#navbar ul li {
    display: inline;
}

---

当前使用的语法仅在使用Sass/SCSS预处理器时有效。虽然SASS超级棒，但你现在最好使用香草CSS来构建一个坚实的CSS基金会。但无论何时，只要你想接触到Sass，请在此处查看他们的文档：

同时，这应该对您有用：

#navbar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#navbar li {
  display: inline;
}

---

根据OP使用的CSS预处理器的类型，它们的原始代码可能是有效的。公平的说，但是没有提供这些信息，所以我不得不假设它是普通的，语法是问题所在。感谢您的快速回复，这就是我对未来的理解，为什么你需要用这种方式格式化它？这就是css的编写方式。如果您只想在nav中指定无序列表，则需要在“nav”后面写一个空格，然后写“ul”，如果您只想在“ul”中指定nav中的列表项，则在“ul”后面写一个空格，然后写“li”