还原 | 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 中文开发手册
    转载请保留页面地址:https://www.breakyizhan.com/css/32417.html
    原文地址:https://www.cnblogs.com/breakyizhan/p/13234046.html