如何爲一個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; 
}