ユニバーサルセレクタの指定方法

「ユニバーサルセレクタ（全称セレクタ）」は、ワイルドカード的な役割を果たす便利な記号です。記述は非常に簡単で記号一文字で表します。

*

このコメ印のような記号を「アスタリスク」と呼びます。このセレクタを使うと、同じ指定を全ての要素に一括で指定することができます。これでわざわざ要素ごとに同じ指定をしなくても済むというわけです。

画面全体にスタイルを指定する[body]と[*]は何処が違うの？という質問を見かけますが、[body]の場合は、子要素に対して継承することになっている値しか反映されません。そのため、無条件に全ての要素に対して同じスタイルを指定をしたい場合には[*]を使用します。

ユニバーサルセレクタの記述例

ここで全称セレクタでブラウザのデフォルト値をリセットするために、よく使われるプロパティのサンプルを記述してみましょう。コピーして自分のサイトに最適になるように、色々試してみて下さい。

* {
 font-size: 100%;
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
 background: transparent;
 padding: 0px;
 margin: 0px;
}