【问题标题】:syntax error: unexpected token " "语法错误:意外标记“”
【发布时间】:2012-08-16 21:01:59
【问题描述】:
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 给了我标题中的错误。怎么了?

【问题讨论】:

  • 你用什么来报告 CSS 错误?

标签: css error-handling


【解决方案1】:

#headShadow 之前有一个隐藏的不可打印字符,当我将您的 CSS 复制到文本编辑器时会显示该字符。在上一个指令中的结束 } 上退格以摆脱它。

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

【讨论】:

  • @RyanMurphy 我不能说。可能是在某处复制/粘贴时捡到的。
  • 啊,没错。非常感谢。很好的帮助
  • @RyanMurphy 如果答案是正确的,那就太好了
【解决方案2】:

就我而言,我错误地运行了 Grunt 构建脚本。 CSS 文件被压缩为 Javascript,构建的 HTML 将 &lt;link rel="stylesheet"&gt; 替换为 &lt;script&gt; 标记。第一个选择器在控制台中抛出一个 JS 错误。

在标记中 &lt;!-- build:js ... 应该是 &lt;!-- build:css ...

【讨论】:

    【解决方案3】:

    当我将它复制并粘贴到本地时,我在 Firebug 中看到了一个不可读的字符 ​,在 #headShadow 行之前和 } 之后

    请删除删除并重新输入该行

    【讨论】:

      猜你喜欢
      • 2013-09-04
      • 1970-01-01
      • 2015-05-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-09-03
      • 1970-01-01
      相关资源
      最近更新 更多