CSSでは継承の意味は何ですか？

Question

私はよくbackground: inherit;を使用します。このように、他の多くのCSSプロパティは継承を値として受け入れます。

しかし、inheritの意味は？どのように機能するのですか？

Answer 1

inheritは、スタイルがエレメントの親から継承されることを意味します。たとえば：

jsFiddle

HTML

<div class="blue"> 
    <div class="inherit">I also have a blue background!</div> 
</div> 

CSS backgroundにinheritを使用して

.blue { background: blue; } 
.inherit { background: inherit; } 

は通常、しかし、あなたに多くの良いを行うと、通常は同じを生成しません。デフォルトとして透明な背景のだろう。上の例は実際には何も追加しません。青い背景を青い背景の上に置きます。inheritの主な目的は、colorとfont-sizeのような特定のデフォルト値での使用です。

Answer 2

それは...それは

たちは、HTML

<div> 
    <h1>text<h1> 
</div> 

に、次のしていると言うと、我々が持っている親要素のプロパティを継承している相続は一般的に何をしたCSS

div 
    { 
    padding : "10px" 
} 
h1 
{ 
    padding : inherit //10px 
} 

since h1 is child of div so will use the value of padding property for div 

のようなこのスレッドも参照してくださいWhat does the inherit keyword in CSS do?