Как установить несколько стилей для одного Div?

Question

У меня возникли проблемы с моей внешней таблицей стилей CSS. Я пытаюсь сделать неупорядоченный список в панели навигации. Я пытаюсь сделать это, добавив несколько стилей в мой navbar 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 является супер-удивительным, вам, вероятно, будет лучше использовать ванильный CSS для создания сплошной основы CSS. Но всякий раз, когда вы хотите получить какое-то воздействие на Sass, ознакомьтесь со своими документами здесь: http://sass-lang.com/guide.

В то же время, это должно работать для вас:

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

#navbar li { 
    display: inline; 
}