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

Question

我的CSS外部样式表有些问题。我试图在导航栏中创建一个无序列表。我试图通过向导航栏div添加多个样式来执行此操作，但当它们位于导航栏div内时，没有任何更改对页面产生任何影响。

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

提前致谢

Answer 1

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

标签/标识符之间的空格意味着右侧选项位于左侧。

#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;
}