如何解決reset.css/normalize.css和'initial'CSS prop值之間的衝突？

Question

有CSS3中被稱爲「初始」的新值，將道具的價值重置瀏覽器的默認。

的這裏規格：https://developer.mozilla.org/en-US/docs/Web/CSS/initial

但在大多數時候，一個網站/網頁往往有一個reset.css或normalize.css文件應用到網站/網頁。

所以在大多數情況下，我想它設置爲「初始」是reset.css或normalize.css的價值而不是瀏覽器的默認情況下，如何解決這兩個之間的衝突的道具？

Answer 1

CSS3中有一個名爲'initial'的新值，它會將prop的值重置爲瀏覽器的默認值。

這就是大多數人誤解的地方（even I got it wrong once）。初始值是不同樣的事情，瀏覽器的默認值。

瀏覽器默認設置由它的默認樣式表的瀏覽器設置。

一個屬性的初始值是在規格中陳述的缺省值。無論您將屬性應用於哪個元素，初始值通常都是相同的;它是瀏覽器決定它是否應該在不同的元素默認應用不同的值。

例如，display初始值是inline - 許多HTML元素默認display: block，但設置display: initial將它們變成內嵌元素，不塊元素。

即使您鏈接到自己的文檔鏈接到另一個文檔defining the term "initial value"：

在每個CSS屬性的定義的總結給出的初值有遺傳和非遺傳性不同的含義。

與所有的說，目前還沒有辦法使用CSS屬性重置到任何一個瀏覽器的默認或級聯的任意水平（例如normalize.css或復位樣式表）。