CSS菜单样式开发中LI元素出现property value expected错误求助

你的CSS代码触发property value expected错误，根源是以下语法问题：

• 选择器语法错误：li: { 多了一个冒号，正确写法是 li {
• 属性缺少分号：多个CSS属性（如float:left、position:relative等）末尾未加分号，CSS属性声明必须以分号结尾（建议所有属性都加，避免语法遗漏）
• 嵌套语法不兼容：&:hover是Sass/Scss的专属嵌套语法，普通原生CSS不支持，需要转换成标准选择器写法

修正后的CSS代码 #

#menu {
    list-style: none;
    padding: 0;
    margin: 0;
}
#menu li {
    display: block;
    border-right: 1px solid #fff;
    background: #E7E7E7;
    color: #3B3B3b;
    text-decoration: none;
    padding: 0 10px;
    float: left;
    padding-left: 0;
    position: relative;
    line-height: 4.5em;
    width: 10em;
    text-align: center;
}
#menu li:hover {
    background-color: #3d6fc3;
    background-image: -webkit-linear-gradient(left, #4577cb, #3264b6);
    background-image: -o-linear-gradient(left, #4577cb, #3264b6);
    background-image: -moz-linear-gradient(left, #4577cb, #3264b6);
    background-image: -ms-linear-gradient(left, #4577cb, #3264b6);
    background-image: linear-gradient(left, #4577cb, #3264b6);
    color: #fff;
}
#menu li ul {
    position: absolute;
}
#menu li a {
    color: #3B3B3B;
    text-decoration: none;
}
#menu li a:hover {
    color: #fff;
}
#menu ul {
    border-top: 1px solid #fff;
    list-style: none;
    padding: 0;
    margin: 0;
}
#menu ul li ul {
    margin-top: -73px;
    margin-left: 170px;
}
#menu #drop-down {
    display: none;
}

内容的提问来源于stack exchange，提问作者Θωμάς Δόνας