【CSSセレクタ】*
『*』(アスタリスク)を指定すると全ての要素に対して適用できます。
サンプルコード
style.css
/* 全要素に赤文字・マージンゼロを適用 */
* { color: red; margin: 0;}
/* CSSリセットとしてよく使われるパターン */
* { margin: 0; padding: 0; box-sizing: border-box;}
/* 特定の要素の子孫全てにスタイルを当てる */
.container * { font-family: sans-serif;}
/* 直接の子要素だけに当てる(子セレクタとの組み合わせ) */
.menu > * { display: inline-block; padding: 8px 16px;}
ブラウザでの表示結果
* { color: red; margin: 0;}
<div>ここはdiv要素です。</div> <p>ここはp要素です。</p>
対応ブラウザ
デスクトップ
8 ○
7 ○
6 ×
2 以前 ×モバイル
Android Browser
4.4 以降 ○
3 以前 ×デスクトップ版と同等の対応です
デスクトップ版と同等の対応です
※ バージョン情報は MDN に基づいています。
記事の間違いや著作権の侵害等ございましたらお手数ですがこちらまでご連絡頂ければ幸いです。