Jquery 折叠导航没有背景

我的网站上有一个工作响应导航栏，但由于某些原因，我无法添加背景，有什么帮助吗

$（“.navigation toggle”）。单击（函数（）{
$（“li”）.toggleClass（“导航打开”）；
});
正文{
背景色：红色；
}
.导航{
背景色：#fff；
高度：70像素；
}
.导航ul{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#fff；
}
李先生{
显示：内联块；
}
.导航a{
显示：块；
颜色：#000；
文本对齐：居中；
填充：24px 16px；
文字装饰：无；
}
.导航名称{
浮动：左；
高度：50px；
填充：10px 25px；
字号：18px；
文字装饰：无；
字体大小：粗体；
}
.导航切换{
显示：无；
字体大小：34px；
字体大小：粗体；
位置：相对位置；
浮动：对；
填充：6px 12px；
边际上限：0px；
右边距：15px；
边缘底部：0px；
背景色：透明；
背景图像：无；
边框：1px实心透明；
边界半径：4px；
光标：指针；
大纲：无；
}
.导航打开{
显示：块！重要；
背景色：#fff；
文本对齐：居中；
保证金：0自动；
}
@介质（最大宽度：768px）{
李先生{
显示：无；
}
.导航切换{
显示：块；
}
}

☰








尝试在css中添加花括号，如。导航{背景颜色：#fff高度：70px ul{列表样式类型：无边距：0填充：0溢出：隐藏背景颜色：#fff}li{显示：内联块}a{display:block color:#000 text align:center padding:24px 16px text decoration:none}您的css不正确，任何类都需要如下所示。您的类{attribute:value}.你弄丢了你的花括号.我用的是SASS@NathanielFlick@Zoid您需要创建一个js FIDLE来处理我为您订购的实际、正确、呈现的代码。干杯。即使SASS中有花括号，您的也没有，这就是您的样式没有被应用的原因。SASS不使用括号，SCSS使用。@Nathanielflick尝试添加花括号css中的方括号类似。导航{背景颜色：#fff高度：70px ul{列表样式类型：无边距：0填充：0溢出：隐藏背景颜色：#fff}li{显示：内联块}a{display:block color:#000 text align:center padding:24px 16px text decoration:none}您的css不正确，任何类都需要如下所示。您的类{attribute:value}.你弄丢了你的花括号.我用的是SASS@NathanielFlick@Zoid您需要创建一个js文件来处理我为您订购的实际、正确、呈现的代码。干杯。即使SASS中有花括号，您的也没有，这就是为什么没有应用您的样式。SASS不使用括号，SCSS使用。@NathanielFlick