'恢復”在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中文網其他相關文章！