'恢复”在CSS中有什么作用？

Miriamsuzanne在Mozilla开发人员的视频中解释了该主题。

CSS中的值还原值“将”属性“重置”回其继承的值，只能追溯到UA样式表。例如，这很关键，因为它不会将

重置为内联，因为A

是UA样式表中设置的块级元素。

因此，如果我们拥有此HTML：

 <p> lorem，ipsum dolor。</p>
<p> fugit，id vel。</p>

和CSS：

 p {
  颜色：红色；
}
.alt {
  颜色：还原；
}

这两个段落都将由P选择器选择，使其成为红色，但是第二段中的类选择器具有更高的特异性，因此颜色：还原；获胜，将文本更改回黑色（UA默认值）。

但是，颜色属性级联，所以如果我们有：

 <div>
  <p> lorem，ipsum dolor。</p>
  <p> fugit，id vel。</p>
</div>

 .parent {
  颜色：蓝色；
}
p {
  颜色：红色；
}
.alt {
  颜色：还原；
}

第二段是蓝色的，因为恢复了它的颜色，从继承中夺走了颜色。

恢复价值是相当新的，在Firefox和Safari中支持，但尚未在Chrome-World中。我们已经有几个相关的关键字可以在任何属性上使用，旨在帮助控制继承和重置值。

区别很小，但很重要：未设置允许继承，而初始则不可以。

Miriam认为恢复实际上是其中最有用的情况，因为它“采用用户和用户代理样式进行智力化”。

我不同意。但是（而且我讨厌这么说）我确实认为我们需要第四个选项，它具有初始功能的强迫，但UA样式表的尊重却是对还原的尊重。像…

 。按钮 {
  全部：默认； /*不是真实的！ */

  / *从UA基础开始的新样式 */
}

这些关键字可与任何属性一起使用，但我认为使用全部是最引人注目的。这是一种从元素上擦除所有样式以从空白板开始的方法。也就是说，对于该用例，这三个选项都不是足够的。不设置和还原值不够好，因为它们仍然允许继承，因此擦除样式不够好。初始值太强了，因为它会删除您可能不会期望的默认值，例如制作

内联而不是块。

以上是'恢复”在CSS中有什么作用？的详细内容。更多信息请关注PHP中文网其他相关文章！