css - CSSで継承とはどういう意味ですか?

Question

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

しかし、どういうinherit意味ですか？それはどのように機能しますか？

Answer 1

inheritスタイルが要素の親から継承されることを意味します。例えば：

jsフィドル

HTML

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

CSS

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

inheritただし、 onを使用してbackgroundも通常はあまり効果がなく、通常はデフォルトの透明な背景と同じ結果が得られます。上記の例では、実際には何も追加されません。青色の背景の上に青色の背景が置かれます。 の主な目的は、やinheritなどの特定のデフォルト値で使用することです。colorfont-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

このスレッドも参照してくださいCSS の継承キーワードは何をしますか?