css - 未设置值在 CSS 中意味着什么？

Question

我有一个绝对定位的 megamenu，由于它的一些父元素需要有 position:relative，我必须直接使用 position:unset parent 。这适用于 Chrome 和 Firefox，但是 IE11 不支持 unset 或 initial。

我不能简单地删除所有父元素的相对定位，因为那样会破坏其他东西，但我必须让 megamenu 相对于页面绝对定位(固定位置不起作用)。是否有可以在 IE11 中运行的 unset 替代方案？

Answer 1

unset意味着

If the cascaded value of a property is the unset keyword, then if it is an inherited property, this is treated as inherit, and if it is not, this is treated as initial. This keyword effectively erases all declared values occurring

在你的例子中，position不是继承属性，所以它总是会考虑 initial

Each property has an initial value, defined in the property’s definition table.

对于 position ，它是 static所以你可以简单地使用 position:static它的行为与 position:unset 相同

---

引用:https://drafts.csswg.org/css-cascade-3/

---

为了使它更通用，您必须使用:

• property:inherit如果是继承属性(property)
• property:<initial_value>如果它不是继承属性。然后查看属性的定义表以找到初始值。

https://developer.mozilla.org/en-US/docs/Web/CSS/position