みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

cssスタイルシート

(1)html { }と(2)html * { }の違いを教えてください。

ちなみに使い方は下記のようなものでした。
(1)html { font-family:sans-serif;}
(2)html * {box-sizing: border-box;}

どちらもhtmlタグ内すべての指定だと思いますが
とくに(2)のアスタリスクがなぜ必要なのかがわかりません。

よろしくお願いいたします。

投稿日時 - 2019-07-01 19:30:30

QNo.9630963

困ってます

質問者が選んだベストアンサー

> (1)は子要素は含まないということでよろしいでしょうか。

子要素は含みません。
但し Cascading Style Sheets の名の通り、親要素のスタイルは特段の指示がない限り子要素へ継承されます。
従いまして例示されているように html 要素にフォントの指示を書いた場合、子要素でフォントの指定を行わない限り html 要素に指定されたフォントが適用されます。

(2)の場合スタイルは html 要素には適用されず、html 要素の子要素と継承するその子要素に適用されます。

投稿日時 - 2019-07-01 22:15:48

お礼

再度ありがとうございます。
子要素へ継承されるのですね。難しいです。勉強になりました。

投稿日時 - 2019-07-02 06:19:21

ANo.2

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

(1)は html タグに対するスタイルの指定。
(2)は html タグの子要素全てに対するスタイルの指定。

投稿日時 - 2019-07-01 20:24:19

補足

(1)は子要素は含まないということでよろしいでしょうか。
何分初心者で申し訳ございません。
よろしくお願いいたします。

投稿日時 - 2019-07-01 20:43:29

お礼

早速ありがとうございます。

投稿日時 - 2019-07-01 20:43:34

あなたにオススメの質問