CSS 参考マニュアル

CSS @ルール(RULES)

CSS 属性大全

CSS .class クラス選択子

オンラインサンプル

class="content"を使用してすべての要素のスタイルを選択および設定します:

例

!DOCTYPE html>
<html>
<title>基本チュートリアルウェブ(oldtoolbag.com)</title>
<head>
<style>
.content
{
background-color:yellow;
}
</style>
</head>
<body>
<h1>私のホームページへようこそ</h1>
<div class="content">
<p>私の名前はルル。</p>
<p>私はカナダに住んでいます.</p>
</div>
<p>私の最高の友達はリリ。</p>
</body>
</html>

テストを見てみる ‹/›

定義と使用法

　.class選択子は、指定されたクラスを持つすべての要素のスタイルを指定します。

ブラウザ互換性

IEFirefoxOperaChromeSafari

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

オンラインサンプル

class="myhome"スタイルを使用してすべての <p>要素に適用します:

例

!DOCTYPE html>
<html>
<title>基本チュートリアルウェブ(oldtoolbag.com)</title>
<head>
<style>
p.myhome
{　
background:red;
}
</style>
</head>
<body>
<p>私の名前はルル。</p>
<p class="myhome">私はカナダに住んでいます.</p>
<p>私の名前はルル。</p>
<p class="myhome">私はカナダに住んでいます.</p>
</body>
</html>

テストを見てみる ‹/›

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

CSS関数（Functions）CSS選択子全解説