CSS繼承和初始之間有什麼區別？

Question

按照CSS，inherit和initial之間的區別究竟是什麼？ 對我來說，他們總是工作一樣，例如：

a.no-style{color: inherit} 

會做同樣的

a.no-style{color: initial} 

Answer 1

在每個CSS屬性定義的摘要中給出的初始值對於繼承和非繼承屬性具有不同的含義。

對於繼承的屬性，僅當根元素沒有爲該元素指定值時才使用初始值。

對於非繼承屬性，對於任何元素，當元素沒有指定值時，使用初始值。

在CSS3中添加了一個初始關鍵字，允許作者顯式指定該初始值。

inherit關鍵字意味着使用任何值分配給我的父母。

Answer 2

繼承

此關鍵字適用元素的父的價值，

是否有意義。某些CSS屬性（如color或 font-family）會自動繼承，但其他（如display 或margin）則不會。雖然，inherit關鍵字應該適用於所有CSS 屬性。

初始

此關鍵字適用作爲CSS 規範中定義的初始值。有時候這個初始值是有意義的（float： none），有時出於歷史原因（背景重複： 重複），有時候規格作者基本上做出了一個隨機 - 儘管 - 有些可辯的選擇（顏色：黑色） 。從Quirksmode網站

更多

Answer 3

繼承：

繼承關鍵字指定屬性應該繼承其父元素的值 。

example

初始：

初始關鍵字用於設置CSS屬性爲其默認值。

example

Answer 4

繼承是總是從在文檔樹中的父元素，即使當該父組件是不包含塊。最初的標籤只是給出元素的原始值。

Answer 5

color : initial不受Internet Explorer支持。