セレクターのグループ化
元のベースでは、次の HTML ファイル內(nèi)のファイルを同じ色に設(shè)定したいと考えています。これを行うことができます: html:
<h1>php中文網(wǎng)</h1> <h2>php中文網(wǎng)</h2> <h3>php中文網(wǎng)</h3> <h4>php中文網(wǎng)</h4>
css:
h1{ color: cadetblue; } h2{ color: cadetblue; } h3{ color: cadetblue; } h4{ color: cadetblue; }
これは次のレンダリングです:
しかし、私たちは通常、次のように CSS を記述します:
h1,h2,h3,h4{ color: cadetblue; }
効果は同じで、まったく変更はありません:
これは、セレクターのグループ化と呼ばれます。以下に追加したい知識(shí)は次のとおりです。ワイルドカード * 。前と同じ効果を?qū)g現(xiàn)するには、ワイルドカードを使用することもできます。
*{ color: cadetblue; }
このように、特定の要素に設(shè)定がない場(chǎng)合、以下のような質(zhì)問が発生します。すべてを同じにする必要はありませんが、一部は他の設(shè)定を使用しています。この問題を解決するには、最後のタイトルを黒とグレーにしたい場(chǎng)合は、その後ろに次の文を追加するだけです。それ:
h4{ color: darkslategray; }
この場(chǎng)合、次のような効果が見られます:
しかし、一般にワイルドカードを使用するときは、このようにページ全體の余白とマージンを設(shè)定します
*{ padding: 0px; margin: 0px; }
。