1. ホーム
  2. css

[解決済み] font: inheritを使用する目的は何ですか?

2022-02-02 15:38:56

質問内容

なぜか知りたかった font: inherit; はカスケーディング・スタイル・シートで使用されています。

どのように解決するのですか?

他の回答が言っているように、親要素からCSSプロパティを継承することです。

他の回答が言っていないことは なぜこれが必要なのか . なぜなら、結局のところ、CSS プロパティはいずれにせよ継承されるからですよね?

いや、違うね。ほとんどの場合、デフォルトでそうなっています(ただし、たとえばリンクの色は親要素から継承されません)。しかし、このケースを考えてみましょう。

p { color: blue; }

div.important { color: red; }

<div class="important">
    <p>This is a text</p>
</div>

これでテキストは赤ではなく、青になります。もし <p> をデフォルトのスタイルではなく、親のスタイルにするためには、そのCSSをオーバーライドしなければなりません。もちろん、プロパティ値 ( red しかし、それはDRY(繰り返さないこと)に違反する。) その代わりに 継承する それを

div.important p { color: inherit; }