7 
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 により、タイトルにエラーが表示されます。なにが問題ですか？

4

3 に答える 3

8

#headShadowCSS をテキスト エディターにコピーすると、 の直前に非表示の印刷できない文字が表示されます。前のディレクティブの終了}をバックスペースして、それを取り除きます。

#navMenu ul li a:hover, #navMenu ul li.active a 
{
    /*line-height: 33px;*/
    background-image: url('../images/nav-hover.png');
    /*height: 33px;*/
}​<200b>
#headShadow
于 2012-08-16T21:08:56.790 に答える
2

私の場合、Grunt ビルド スクリプトを間違って実行しました。CSS ファイルは Javascript として圧縮され、ビルドされた HTML はタグに置き換え<link rel="stylesheet">られました。<script>最初のセレクターは、コンソールで JS エラーをスローします。

マークアップ<!-- build:js ...では<!-- build:css ...

于 2015-04-23T19:19:45.153 に答える
1

これをコピーして自分のローカルに貼り付けたところ、#headShadow 行の前と } の後に Firebug で判読できない文字が表示されました

削除を削除して、行を再入力してください

于 2012-08-16T21:11:08.733 に答える