diff options
Diffstat (limited to 'files/zh-cn/web/css/inherit/index.html')
-rw-r--r-- | files/zh-cn/web/css/inherit/index.html | 79 |
1 files changed, 79 insertions, 0 deletions
diff --git a/files/zh-cn/web/css/inherit/index.html b/files/zh-cn/web/css/inherit/index.html new file mode 100644 index 0000000000..5bad2ead9c --- /dev/null +++ b/files/zh-cn/web/css/inherit/index.html @@ -0,0 +1,79 @@ +--- +title: inherit +slug: Web/CSS/inherit +tags: + - CSS + - CSS Value + - inherit +translation_of: Web/CSS/inherit +--- +<div> </div> + +<p>{{CSSRef}}</p> + +<p> <strong><code>inherit</code></strong> 关键字使得元素获取其父元素的<a href="/zh-CN/docs/Web/CSS/computed_value">计算值</a>。它可以应用于任何CSS属性,包括CSS简写 {{cssxref("all")}}。</p> + +<p>对于继承属性,inherit 关键字只是增强了属性的默认行为,只有在重载(overload)其它规则的时候被使用。对于非继承属性,inherit 这指定的行为通常没有多大意义,一般使用使用 {{cssxref("initial")}} 或 {{cssxref("unset")}} 作为替代。</p> + +<p>继承始终来自文档树中的父元素,即使父元素不是包含块。</p> + +<h2 id="示例">示例</h2> + +<pre class="brush: css">/* 设置二级标题的颜色为绿色 */ +h2 { color: green; } + +/* ...but leave those in the sidebar alone so they use their parent's color */ +#sidebar h2 { color: inherit; } +</pre> + +<p>在下面这个例子中,如果sidebar 中<code>h2</code>元素的div匹配下面的规则的话,颜色会变成蓝色。</p> + +<pre class="brush: css">div#current { color: blue; } +</pre> + +<h2 id="规范">规范</h2> + +<table class="standard-table"> + <thead> + <tr> + <th>Specification</th> + <th>Status</th> + <th>Comment</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{ SpecName('CSS4 Cascade', '#inherit', 'inherit') }}</td> + <td>{{Spec2('CSS4 Cascade')}}</td> + <td>No changes from Level 3.</td> + </tr> + <tr> + <td>{{ SpecName('CSS3 Values', "#common-keywords", "inherit") }}</td> + <td>{{ Spec2('CSS3 Values') }}</td> + <td>No significant change from {{ SpecName('CSS2.1') }}.</td> + </tr> + <tr> + <td>{{ SpecName('CSS2.1', "cascade.html#value-def-inherit", "inherit") }}</td> + <td>{{ Spec2('CSS2.1') }}</td> + <td>Initial definition.</td> + </tr> + </tbody> +</table> + +<h2 id="浏览器兼容性">浏览器兼容性</h2> + +<div> + + +<p>{{Compat("css.types.global_keywords.inherit")}}</p> +</div> + +<h2 id="See_also">See also</h2> + +<ul> + <li><a class="internal" href="/en-US/docs/CSS/inheritance" title="es/CSS/inheritance">Inheritance</a></li> + <li>Use {{cssxref("initial")}} to set a property to its initial value.</li> + <li>Use {{cssxref("unset")}} to set a property to its inherited value if it inherits, or to its initial value if not.</li> + <li>Use {{cssxref("revert")}} to reset a property to the value established by the user-agent stylesheet (or by user styles, if any exist).</li> + <li>The {{cssxref("all")}} property lets you reset all properties to their initial, inherited, reverted, or unset state at once.</li> +</ul> |