initial
initial CSS 关键字将属性的初始(或默认)值应用于元素。它可以应用于任何 CSS 属性,包括 CSS 简写属性 all。将 all 设置为 initial,所有 CSS 属性可以一次性恢复到它们各自的初始值,而不是单独恢复每个属性。
在继承属性上,初始值可能会出乎意料。您应该考虑使用 inherit、unset、revert 或 revert-layer 关键字来代替。
示例
使用 initial 重置元素的颜色
HTML
html
<p>
<span>This text is red.</span>
<em>This text is in the initial color (typically black).</em>
<span>This is red again.</span>
</p>
CSS
css
p {
color: red;
}
em {
color: initial;
}
结果
在此示例中,使用 initial 关键字,em 元素的 color 值将恢复为规范中定义的 color 的初始值。
规范
| 规范 |
|---|
| CSS 层叠与继承第四级 # initial |
浏览器兼容性
加载中…
另见
- 使用
inherit关键字使元素的属性与其父元素相同。 - 使用
revert关键字将属性重置为用户代理样式表(或用户样式,如果存在)建立的值。 - 使用
revert-layer关键字将属性重置为在先前层叠层中建立的值。 - 使用
unset关键字将属性设置为其继承值(如果可继承)或其初始值(如果不可继承)。 all属性允许你一次性将所有属性重置为它们的初始、继承、恢复或未设置状态。