CSS revert关键字与有序列表恢复实例页面

回到相关文章 »

效果：

  1. inherit关键字实用
  2. initial关键字可用
  3. unset关键字配合all使用
  4. revert关键字有用

//zxx: 不支持revert关键字的浏览器看不到数字序号

代码：

CSS代码：
.revert-ol {
    list-style: none;
}
@supports (padding: revert) {
    .revert-ol {
        padding: revert;
        list-style-type: revert;
    }
}
HTML代码：
<ol class="revert-ol">
    <li>inherit关键字实用</li>
    <li>initial关键字可用</li>
    <li>unset关键字配合all使用</li>
    <li>revert关键字有用</li>
</ol>