Html 为什么我的显式边距和填充规则没有覆盖-webkit之前（以及之后、开始、结束）的边距？

我有：

我检查了chrome中的元素，并应用了我的规则，但用户代理样式表中也有以下内容：

html body nav figure {   /* just to clear specificity doubts  */
    margin: 0;
    padding: 0;
    bottom: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: yellow;
}

我认为这些应该被推翻。。。我的规则也没有被推翻（没有被划掉）

我应该如何覆盖它们？

我解决了它

用户指定的规则得到应用，webkit根据它呈现边距，并以某种方式“覆盖”默认的webkit规则

我看到的空间来自img，没有显示为块，有关它的更多信息，请参阅。

我解决了它

用户指定的规则得到应用，webkit根据它呈现边距，并以某种方式“覆盖”默认的webkit规则

我看到的空间来自img，没有显示为块，有关它的更多信息，请参阅

figure {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}