CSS重置和字体系列

Question

html, body, h1, h2, h3, h4, p, div, ul, ol, li {
padding: 0;
border: 0;
margin: 0;
font: inherit;
font-size: 100%;
font-family: "Helvetica Neue", Helvetica, sans-serif; 
}

有人知道为什么＆＃34; font-family＆＃34;如果我将它移到上面，那么属性就不起作用了＃34; font：inherit＆＃34;？

Answer 1

因为font是包含font-family的简写。

如果在同一规则集中设置两次相同的属性，则最后一个获胜。

举例说明：

＆＃13;

＆＃13;

div {
  display: inline-block;
  height: 20px;
  width: 20px;
  padding: 5px;
  margin: 5px
}
.A {
  border: solid red 1px;
  border-left: dotted blue 2px;
}
.B {
  border-left: dotted blue 2px;
  border: solid red 1px;
}

＆＃13;

<div class="A"></div>
<div class="B"></div>

＆＃13;

＆＃13;

＆＃13;