セレクターのグループ化

元のベースでは、次の HTML ファイル内のファイルを同じ色に設定したいと考えています。これを行うことができます: html:

<h1>php中文网</h1>
<h2>php中文网</h2>
<h3>php中文网</h3>
<h4>php中文网</h4>

css:

h1{
  color: cadetblue;
}
h2{
    color: cadetblue;
}
h3{
    color: cadetblue;
}
h4{
    color: cadetblue;
}

これは次のレンダリングです:

しかし、私たちは通常、次のように CSS を記述します:

h1,h2,h3,h4{
  color: cadetblue;
}

効果は同じで、まったく変更はありません:

これは、セレクターのグループ化と呼ばれます。以下に追加したい知識は次のとおりです。ワイルドカード * 。前と同じ効果を実現するには、ワイルドカードを使用することもできます。

*{  color: cadetblue;
}

このように、特定の要素に設定がない場合、以下のような質問が発生します。すべてを同じにする必要はありませんが、一部は他の設定を使用しています。この問題を解決するには、最後のタイトルを黒とグレーにしたい場合は、その後ろに次の文を追加するだけです。それ:

h4{    color: darkslategray;
}

この場合、次のような効果が見られます:

しかし、一般にワイルドカードを使用するときは、このようにページ全体の余白とマージンを設定します

*{
    padding: 0px;
    margin: 0px;
}

。次のセクション