Синтаксическая ошибка: неожиданный токен ""

Question

body 
{ 
    margin: 0px; 
} 
.wrapper 
{ 
    width: 960px; 
    margin: 0 auto; 
} 
#header 
{ 
    background-image: url('../images/cream-gravel-texture.png'); 
    height: 626px; 
    overflow: auto; 
} 
#midHeader 
{ 
    margin-top: 20px; 
    background-image: url('../images/light-grey-bit-behind-logo.png'); 
    height: 194px; 
} 
#logo 
{ 
    padding-top: 10px; 
    float: left; 
    clear: left; 
    width: 287px; 
} 
#headContact 
{ 
    margin-top: 60px; 
    font-size: 21.95px; 
    color: #4b1e19; 
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
    text-align: right; 
    float: right; 
    clear: right; 
    width: 421px; 
} 
#contactUsNow 
{ 
    float: left; 
    clear: left; 
} 
#navMenu ul 
{ 
    list-style:none; 
    margin: 5px; 
    padding: 0px; 
} 
#navMenu ul li 
{ 
    display:inline; 
} 
#navMenu ul li a 
{ 
    display: block; 
    text-decoration:none; 
    float:left; 
    text-align:center; 
    margin: 5px 43px 10px 0; 
    font-size: 20.4px; 
    padding: 5px 10px 4px 10px; 
    color: #4b1e19; 
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
    /*height: 33px; 
    line-height: 33px;*/ 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    border-radius: 5px; 
} 

#navMenu ul li a:hover, #navMenu ul li.active a 
{ 
    /*line-height: 33px;*/ 
    background-image: url('../images/nav-hover.png'); 
    /*height: 33px;*/ 
}​ 
#headShadow 
{ 
    background-image: url('../images/gradient-under-beige-bit.png'); 
    height: 22px; 
} 

Этот CSS-код дает мне ошибку в названии. Что не так?

Answer 1

Существует скрытый, непечатаемый символ прямо перед #headShadow, который показывает, когда я копирую ваш CSS в текстовый редактор. Backspace над закрытием } в предыдущей директиве, чтобы избавиться от него.

#navMenu ul li a:hover, #navMenu ul li.active a 
{ 
    /*line-height: 33px;*/ 
    background-image: url('../images/nav-hover.png'); 
    /*height: 33px;*/ 
}​<200b> 
#headShadow 

Answer 2

Когда я скопировал и вставил это в моем местном, я увидел нечитаемый символ â € <в Firebug, перед линией #headShadow и после}

Пожалуйста, удалите удалить и перепечатать линию

Answer 3

В моем случае я неправильно выполнил скрипт сборки Grunt. Файл CSS был сжат как Javascript, а встроенный HTML заменил <link rel="stylesheet"> на тег <script>. Первый селектор выдает ошибку JS в консоли.

В разметке <!-- build:js ... должен был <!-- build:css ...