ユニバーサルセレクター
Coddyの「CSSセレクター」コースのレッスン 6/15。
全称セレクター（ユニバーサルセレクター）は、ウェブページ上のすべての要素を選択する特別なタイプのCSSセレクターです。これはアスタリスク（*）で表されます。
例えば、セレクター * はページ上のすべての要素を選択します。
以下は、全称セレクターを使用してウェブページをスタイリングする方法の例です：
* {
color: red;
font-size: 2em;
}このCSSルールは、ページ上のすべての要素のスタイルを、文字色を赤に、フォントサイズを2emに設定します。
全称セレクターはいつ使用すべきですか？
全称セレクターは、ウェブページ上のすべての要素をスタイリングしたい場合に使用できます。例えば、全称セレクターを使用して、ページ上のすべての要素のフォントサイズを16pxに設定することができます。
また、全称セレクターは、他のセレクターが指定されていない要素をスタイリングするためにも使用できます。例えば、多くの div 要素があるウェブページで、それらにクラスやID属性を一切指定していない場合、全称セレクターを使用してすべての div 要素をスタイリングすることができます。
チャレンジ
簡単- 2つの
div要素を持つウェブページを作成してください。 - いずれの
div要素にも class属性やID属性を付与しないでください。 - 全称セレクタを使用して、すべての
div要素が "red" で、フォントサイズが "80px" になるようにスタイルを設定してください。
自分で試してみよう
<html>
<head>
<title>Universal Selector Exercise</title>
<style>
/* CSS Code goes here */
</style>
</head>
<body>
</body>
</html>