CSS 参考手引

CSS @ルール(RULES)

CSS 属性全書

CSS * ワイルドカード選択子

オンラインサンプル

ワイルドカード“*”，すべての要素を選択し、背景色とテキストスタイルを設定します：

例

!DOCTYPE　html>
<html>
<title>基本チュートリアルウェブ（ja.oldtoolbag.com)/title>
<head>
<style>
*
{
background-color:green;
color:white;
}
</style>
</head>
<body>
<h1>ようこそ基本チュートリアルウェブ（ja.oldtoolbag.com)/h1>
<div class="content">
<p class="website">私たちのウェブサイトのURLは：ja.oldtoolbag.com.</p>
<p class="sitename">私たちのウェブサイトの名前は：基本チュートリアルウェブ。</p>
</div>
<p>私たちはさまざまな基本のチュートリアルを提供します。基本を学ぶことができれば、もっと遠くまで行けます！</p>
</body>
</html>

テストをしてみる ‹/›

定義と使用法

ワイルドカード“*”選択子は、すべての要素を選択し、背景色とテキストスタイルを設定します：

ワイルドカード“*”選択子は、別の要素内のすべての要素を選択することもできます:

オンラインサンプル

選択<div>要素内のすべての要素：

例

!DOCTYPE　html>
<html>
<title>基本チュートリアルウェブ（ja.oldtoolbag.com)/title>
<head>
<style>
div　*
{
background-color:green;
}
</style>
</head>
<body>
<h1>ようこそ基本チュートリアルウェブ（ja.oldtoolbag.com)/h1>
<div class="content">
<p class="website">私たちのウェブサイトのURLは：ja.oldtoolbag.com.</p>
<p class="sitename">私たちのウェブサイトの名前は：基本チュートリアルウェブ。</p>
</div>
<p>私たちはさまざまな基本のチュートリアルを提供します。基本を学ぶことができれば、もっと遠くまで行けます！</p>
</body>
</html>

テストをしてみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザがサポートしています*選択子。

完全なCSS選択子リファレンスマニュアル

CSS関数（Functions）CSS選択子全書