还原 | revert (Cascading & Inheritance)

  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;
}

结果

规范

Specification	Status	Comment
CSS Cascading and Inheritance Level 4The definition of 'revert' in that specification.	Working Draft	Initial definition.

浏览器兼容性

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Basic support	No support3	No support2	?	?	9.11

Feature	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Basic support	No support3	No support2	?	?	9.31

  CSS 中文开发手册

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

转载请保留页面地址：https://www.breakyizhan.com/css/32417.html