CSS中的inherit關鍵字有什麼作用？

有人可以解釋一下，CSS中的繼承關鍵字是什麼意思？CSS中的inherit關鍵字有什麼作用？

它將使用相同的值相同的屬性他的父母有。

HTML：

<body> 
<h1></h1> 
</body>

CSS：

body{ 
margin: 234px; 
} 
h1{ 
margin: inherit; #=234px 
}

注意這個，如果有文件中的<h1>多個實例，它會採取保證金它的父。所以234px並不總是它的價值。例如

HTML：

<body> 
    <h2></h2> 
    <div> 
    <h2></h2> 
    </div> 
</body>

CSS：

body{ 
margin: 20px; 
} 
div{ 
margin: 30px; 
} 
h2{ 
margin: inherit; #20px if parent is body; 30px if parent is div 
}

2010-01-04 21:58:28

其重要的是要注意，這在IE6 + IE7中不起作用，但是很好的答案。 +1 – 2010-01-04 22:00:31

即使在IE8中，它也適用於「方向」和「可見性」屬性 – 2010-01-04 22:08:52

我認爲提出這個問題的人確實知道如何「繼承」作品，但他可能想知道的是：「有什麼用案例使用CSS繼承機制「 – 2010-01-04 22:10:13

我不會抄襲上sitepoint.com精細解釋所以我就在這裏給出的網址：

2010-01-04 21:56:53 hannson

的SitePoint文章是很好的解釋超清晰！偉大的鏈接！ – 2010-01-04 22:02:02

回答