CSS3 Pre-Reference



クラスセレクタ

クラスを選択

試す

コード

p.foreRed { }
p.back_yellow { }
p.fore-green.backYellow { }

サンプル

foreRed: テキスト色が赤

back_yellow: 背景色が黄色

foreRed back_yellow: テキスト色が赤、背景色が黄色

fore-green backYellow: テキスト色が緑、背景色が黄色

fore-green: 適用されない

※クラス名にはサンプルとして分かりやすい名称を付けています。実際には直接的なスタイルではなく、意味で名称を付けてください。
例:
○ important joke explanation obsolete merit bookName price
× bold red indented shadow veryBig waterStyle strangeGothic

コメントする


対応ブラウザ

Firefox
すべて
Chrome/Safari
すべて
Opera
InternetExplorer
すべて

パラメータ

レベル 1
参考文献 Selectors Level 3#6.4. Class selectors

解説

クラスを選択します。

指定方法としては、ピリオド「.」に続けてクラス名を指定します。

HTMLでのclassに指定された値を選択します。classにはスペースで区切って複数の値を指定することが許可されていますが、そのうちの1つに合致すれば適用されます。

”p.fore-green.backYellow”など、複数同時指定することも可能です。

トラックバック

投稿されたコメント