浏览器不会重写css属性

Question

我正在使用罗盘框架，它会重置许多默认的CSS样式：

..., h1, .. {             // line number 18
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

在下文中，我为h1定义了我的风格：

h1 {                      // line number 77
  font-weight: bold;
  color: #333;
  padding: 15px, 5px, !important;
}

但是chrome浏览器不接受padding属性并且保留为0.所有其他属性都没问题。

为什么浏览器不接受较低的css属性？感谢

Answer 1

!important之前不应该有逗号，因此没有遵守。

Answer 2

您的代码已修改，

h1 {                      // line number 77
  font-weight: bold;
  color: #333;
  padding: 15px 5px !important;
}

在重要的逗号之前删除。

请试试这个..