sözdizimi hatası: beklenmeyen belirteç ""

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

Bu CSS, bana başlıkta bir hata veriyor. Yanlış olan ne?

Answer 1

CSS'nizi bir metin düzenleyiciye kopyaladığımda, #headShadow'dan hemen önce gizli, yazdırılamayan bir karakter var. Bundan kurtulmak için önceki yönergede } kapanışı üzerinden geri alın. Ben kopyalanan ve benim yerel bu yapıştırılan zaman

#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

, ben} hattı #headShadow önce ve sonra, Firebug € <â okunamayan karakterini gördü

silmek kaldırmak ve çizgi yeniden yazın

Answer 3

Benim durumumda Grunt yapı betiğini hatalı olarak çalıştırdım. Bir CSS dosyası Javascript olarak sıkıştırıldı ve oluşturulan HTML, <script> etiketi için <link rel="stylesheet"> değiştirildi. İlk seçici, konsolda bir JS hatası atar. biçimlendirme <!-- build:js ... yılında

CSS hataları bildirmek için hangi <!-- build:css ...