底部为其默认值

我希望能够将元素的margin-bottom设置为默认值。

考虑下面的例子，其中有h1元素，它们各自的margin-bottom样式属性设置为0：

h1 {
  border: 1px solid red;
  margin-bottom: 0;
}

p {
  margin: 0;
}

<h1>First Heading</h1>
<p>Paragraph</p>

<h1 id="normal-margin">Second Heading</h1>
<p>Paragraph</p>

---

我认为你正在寻找的财产是未unset 。

unset将该属性重置为其继承的值，如果它从其父项继承，或者如果不是，则重置为其初始值。 通过 - https://developer.mozilla.org/en-US/docs/Web/CSS/unset

jsFiddle：http://jsfiddle.net/AndrewL32/65sf2f66/58/

div {
  border: medium solid green;
  margin: 10px 0px;
}
h2 {
  margin-bottom:10px;
}

/* but make those in the sidebar use the value of the 'color' property (initial value) */
h2.specialHeader {
  margin-bottom: unset;
}

<div><h2>Normal Header</h2></div>
<div><h2 class="specialHeader">Special Header</h2></div>

---

目前这是不可能的。 在将来的某些时候，请使用revert关键字

如7.3所述。 明确的违约行为有四种不同的违约行为：

initial将属性设置为其初始值。

在margin-*的情况下，这是0 。

inherit将属性设置为父元素的值（或根元素的初始值）。

unset作为表现得inherit用于继承的属性，并作为initial否则。

margin-*不会被继承，所以它会产生0 。

revert的行为取决于声明的来源

对于用户代理来源，它表现为未unset

对于用户来源，它将级联回滚到用户代理级别，以便计算指定值，就好像没有为该属性指定作者级别或用户级别规则一样。

对于作者来源，它会将级联回滚到用户级别，以便计算指定值，就好像没有为该属性指定作者级别的规则一样。

所以你想要的行为是revert的行为，即

用户代理为h1元素添加一些余量

您的（作者）声明之一将删除该边距

revert回滚到由用户代理定义的边界

注释revert是CSS级联和继承级别4规范的最新增加，它仍然只是草稿。 因此，浏览器还不支持它。

链接地址: http://www.djcxy.com/p/87993.html

上一篇: bottom to its default value

下一篇: result list of map is one longer