[解決済み] 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; }
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] textareaのresizableプロパティを無効にするにはどうしたらよいですか?
-
[解決済み] ReactJSを使ったインラインのフォントサイズスタイルの生成
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] SCSSとSassの違いは何ですか?
-
[解決済み] リスト項目にマウスを置いたときに、カーソルを手の形に変えるには?
-
[解決済み] コンテナの幅に応じたフォントの拡大縮小
-
[解決済み] CSSセレクタの「+」(プラス記号)の意味は何ですか?
-
[解決済み] 同じフォントに対して複数のフォントファイルを追加する方法を教えてください。
-
[解決済み] CSSでカスタマイズしたdivのスクロールバー
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] 他のブラウザが画像を読み込むときに、Chromeがエラー **Failed to load resource: net::ERR_NAME_NOT_RESOLVED** を発生させる。
-
[解決済み】ボックスにサイズ/部分的なボーダーを宣言する方法はありますか?
-
[解決済み] CSSでボックスの下枠を削除する方法
-
[解決済み] CSS無効なプロパティ値?
-
[解決済み] グレーの透明な背景を設定する
-
[解決済み] ブラウザでCSSファイルが更新されない
-
[解決済み] bootstrapのチェックボックスの色を変更するには?
-
[解決済み] CSS 不透明度 - 背景色
-
[解決済み] 高さと幅はspanには適用されないのですか?
-
[解決済み] ReactJSを使ったインラインのフォントサイズスタイルの生成