Question

为什么我在这一行CSS上得到一个Parse错误（第24行）？

font-family: 'Open Sans', Helvetica, Arial, sans-serif;

我收到此错误的完整代码是：

.btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
    border:none;
    box-shadow: none;
    text-shadow: none;
    background: #212121;
    overflow: hidden;
    z-index: 1;
    font: inherit;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    line-height: 40px;
    min-height: 40px;
    font-size: 13px;
    text-decoration: none;
    text-align: center;
    padding: 0 33px;
    overflow: hidden;
    z-index: 1;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    -webkit-backface-visibility: hidden;
}

Answer 1

property: value对必须进入规则集。

font-family: 'Open Sans', Helvetica, Arial, sans-serif;

...不是有效的样式表。

foo {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

......是。

重新编辑：

您看到的错误是规则集开头的IE7黑客的副作用。

删除IE7黑客攻击。浏览器已经过时十年了，现在甚至无法获得安全更新。

W3C Font-Family Parse错误'Open Sans'，Helvetica，Arial，sans-serif;

1 个答案: