还原 | revert (Cascading & Inheritance) - CSS 中文开发手册 - Break易站

  CSS 中文开发手册

还原 | revert (Cascading & Inheritance) - CSS 中文开发手册

revertCSS关键字回滚级联，这样的属性呈现使得如果有在当前风格起源（作者，用户或用户代理）没有风格，它也还有价值。因此，它将该属性重置为由用户代理样式表（或用户样式，如果存在的话）建立的默认值。它可以应用于任何CSS属性，包括CSS简写all。

revert关键字对于从包含它们的页面样式中分离嵌入的小部件或组件非常有用，特别是在与all属性一起使用时。

在用户样式表中，revert回滚级联将属性重置为了是由用户代理样式表建立的默认值。

revert关键字是跟initial不同的，且不能被混淆，它使用由CSS规范在每个属性基础上定义的初始值。相比之下，用户代理样式表基于CSS选择器设置默认值。

例如，对于所述的初始值display属性inline，而正常用户代理样式设置默认display的值<div>到block，的<table>到table等

示例

HTML

<section>
  <p>This is a section!</p>

  <aside class="widget">
    <p>This is a little widget.</p>
  </aside>
<section>

CSS

section {
  color: blue;
  font-family: sans-serif;
  font-weight: bold;
}

.widget {
  all: revert;
}

结果

规范

浏览器兼容性

  CSS 中文开发手册

标签：易站,Inheritance,revert,用户,Cascading,样式表,CSS,属性
来源： https://www.cnblogs.com/breakyizhan/p/13234046.html