ユニバーサル・セレクタ(universal selector)
アセンブラの魔女 ⧫ CSS ⧫ セレクタ ⧫ セレクタの種類 ⧫ ユニバーサル・セレクタ
アセンブラの魔女 ⧫ CSS ⧫ セレクタ ⧫ セレクタの種類 ⧫ ユニバーサル・セレクタ

 ユニバーサル・セレクタ(universal selector)は'*'で表現され、このセレクタとともに定義されるスタイルは全ての要素に適用されます。

 ユニバーサル・セレクタは唯一のセレクタとして使用する必要があります。例えば、以下のセレクタではユニバーサル・セレクタ('*')は無効化されます。

*[foo=val][foo=val]と同じ意味になります
*.class.classと同じ意味になります
*#myid#myidと同じ意味になります

*

 次のCSSコードは、すべての要素をredに設定します。

* { color:red; }
CSSコード例
<!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>
HTML表示
▼ Property
記事情報
datePublished2011-01-01
dateModified2018-06-22
authorアセンブラの魔女
headlineユニバーサル・セレクタ(universal selector)に関する記事です
keywordsCSS
keywordsCascading Style Sheets
keywordsセレクタ
keywordsselector
keywordsユニバーサール・セレクタ
keywordsuniversal selector
keywords*
publisher name= wiredFish, logo.name= wiredFish, logo.url= https://books-nekoya.jp/Programming/chigu-hagu-title-01.png size= 208 pixel x 50 pixel
image.url url= https://books-nekoya.jp/Programming/chigu-hagu-title-01.png , size= 208 pixel x 50 pixel