Errore di sintassi: token imprevisto ""

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; 
} 

Questo CSS mi sta dando l'errore nel titolo. Che c'è?

Answer 1

C'è un carattere nascosto, non stampabile prima dello #headShadow, che mostra quando copio il tuo CSS in un editor di testo. Backspace sulla chiusura } nella direttiva precedente per sbarazzarsi di esso.

#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

Quando ho copiato e incollato nel mio locale, vidi un personaggio indecifrabile â €

Si prega di rimuovere cancellare e digitare nuovamente la linea

Answer 3

Nel mio caso ho eseguito lo script di compilazione Grunt in modo errato. Un file CSS è stato compresso come Javascript e il codice HTML incorporato è stato scambiato con <link rel="stylesheet"> per un tag <script>. Il primo selettore genera un errore JS nella console.

Nella marcatura <!-- build:js ... avrebbe dovuto essere <!-- build:css ...