ユニバーサル・セレクタ(universal selector)は'*'で表現され、このセレクタとともに定義されるスタイルは全ての要素に適用されます。
ユニバーサル・セレクタは唯一のセレクタとして使用する必要があります。例えば、以下のセレクタではユニバーサル・セレクタ('*')は無効化されます。
*[foo=val] | [foo=val]と同じ意味になります |
*.class | .classと同じ意味になります |
*#myid | #myidと同じ意味になります |
*
次のCSSコードは、すべての要素をredに設定します。
* { color:red; }
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5 Transitional//EN"> <html lang="ja-JP"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>CSSのセレクタの使用例</title> <meta name="description" content="CSSのセレクタの使用例です" /> <meta http-equiv="Content-Style-type" content="text/css"> <link rel="stylesheet" href="universal_selector_sample.css" type="text/css"> </head> <body> <p>BODY要素の直下</p> <p>BODY/P要素</p> <div> BODY/DIV要素 <div>BODY/DIV/DIV要素</div> </div> <table><tbody> <tr><td>BODY/TABLE/TR/TD要素</td></tr> </tbody></tbody> </body> </html>