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

Question

我的 CSS 外部样式 sheet 有一些问题。我正在尝试将无序列表制作成导航栏。我试图通过向我的导航栏 div 添加多种样式来做到这一点，但是 none 的更改在导航栏 div.[=12= 内时对页面有任何影响]

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

提前致谢

Answer 1

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

tags/identifiers之间的space表示右边的选项在左边。

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

#navbar ul li {
    display: inline;
}

Answer 2

您当前使用的语法仅在您使用 Sass/SCSS 预处理器时才有效。虽然 Sass 非常棒，但您现在最好还是使用 vanilla CSS 来建立坚实的 CSS 基础。但是，每当您想接触 Sass 时，请在此处查看他们的文档：http://sass-lang.com/guide.

与此同时，这应该适合你：

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

#navbar li {
  display: inline;
}