継承制御継承/initial/unset


cssを使用すると、初期と継承に遭遇することが多い.
この2つのプロパティについて説明します.

継承とは?


継承は、子要素が親要素のスタイル属性値を継承します.
例えば、代表的な親子の間のulliである.
<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>
ul {
color: tomato;
}
こうすれば.
ulのサブエレメントliはulのスタイルを継承しています.
しかし、継承されていない要素も存在し、継承要素を使用するときに探して、多くのことを学びました!
継承共用キーワードは3種類ある.
これをグローバル属性と呼びます.
1. inherit
2. initial
3. unset

1. inherit

  • この属性は親要素から継承されます.
  • はすべての要素が継承されているわけではありません.使用する場合は検索で確認する必要があります.
  • 絶望的なIEのほか、多くのブラウザで使用できます.(IEのない未来が早く来てほしい…)
  • 2. initial

  • のデフォルト(デフォルトはブラウザに格納されているデフォルト)
  • を使用します.
  • IEはサポートされていないため、現在、ほとんどの初期化フラグではmargin:0;およびpadding:0;の値が使用されています.
  • 3. unset


    属性が
  • で継承されている場合は継承が適用され、属性が継承されていない場合は初期が適用されます.
  • はほとんどのブラウザでサポートされていますが、念のため既存のプロパティ値が多く使用される場合があります.
  • 継承をサポートするプロパティの初期化後に継承キーを使用し、継承をサポートしない場合は初期キーを使用します.
    これまでは、継承要素ではなくcssを使用するコードが多かったが、今後は継承要素を最大限に利用しなければならない.