css - W3C Font-Family Parse error 'Open Sans' , Helvetica, Arial, sans-serif;

Question

为什么在这行 CSS 上会出现解析错误(第 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 hack。该浏览器已经过时十年了，现在甚至都没有获得安全更新。