cssのセレクタ html{ }がページのどこを指しているのかわからない

css
1html {
2  font: 100%/1.5 'Avenir Next', 'Hiragino Sans', sans-serif;
3  line-height: 1.7;
4  letter-spacing: 1px;
5}

上記のhtmlセレクタはどんなところを指しているのでしょうか。
ネットで探しても、検索能力が低いのか見つかりません。

よろしくお願いします。

行動規範の内容に同意します

回答1件

ベストアンサー

いちばん外側の、<html>～</html>です。

先頭に記号がつかないのは、その名前のタグを指す、タグセレクタです。

投稿2018/11/16 08:05

総合スコア145183

退会済みユーザー

2018/11/16 08:09

回答ありがとうございます！すいません。めちゃくちゃバカな質問してしまいました。 cssばかりいじっていたので、htmlタグを忘れていました。もしよかったら、*セレクタの違いも教えてください！

2018/11/16 08:14

*セレクタは、各タグについて1つ1つ適用していきます。 htmlで一括してかけたものは、継承されるものは全体のベースになりますが、paddingのように継承されないものはhtml自体だけにかかります。

退会済みユーザー

2018/11/16 08:18

バカで理解力がないのですが、つまり、paddingにはhtmlで設定したものは、かからないということでしょうか？

2018/11/16 08:21

*でpaddingを指定した場合は、すべての要素にパディングが追加されます. htmlでpaddingを指定した場合、html要素だけ（文書全体の枠「だけ」）にpaddingが適用されます。 CSSの変更は、「要素を検証」で他人のサイトにも簡単に試せますので、やってみると理解しやすいと思います。

退会済みユーザー

2018/11/16 08:39

なるほど！すごくわかりやすかったです！ maisumakunさん、ありがとうございました！

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

関連した質問