class(クラス)を複数設定する方法

案外知らない人も多いみたいなので、紹介しておきたいと思います

方法と言っても凄く簡単です。

…ここからが続き

class(クラス)を複数設定する方法の例

CSS

.bgB	{
	background: #000;
}
.color	{
	color: #FFF;
}

XHTML

<div class="bgB color">
<p>テキストテキストテキストテキストテキストテキスト</p>
</div>

指定したclass名の後に半角スペースをつけ、もう一つの指定したいclass名をつけるだけです。

この方法を知っていれば、よく使う要素をあらかじめCSSに設定しておき、使いたい時に何時でも呼び出せるって感じです。

知らないかった人は一度自分で試してみて下さい

Comment Form

※コメントが認証されるまで、コメントは反映されません。ご了承くださいませ。


(公開されません)
 
Captcha

画像の中に見える文字を入力してください。

page top へ

Sponsor

  • heteml
  • Movable Type

Category

Recent Article

2011 04-05
iPhone スマートフォンサイトのデザインのまとめ
2011 04-04
スマートフォン対応にしてみました
2011 04-01
CSS3 要素を透明に出来る Opacity と RGBa の使い方
2011 03-31
サイトリニューアルしました
2010 12-01
CSS3 でボタンを作る為のテクニック、サンプル集
2010 11-24
綺麗でリッチなフッターデザイン集のまとめ 60
2010 11-18
緑と黒色を使った Webデザインのサイト 25
2010 11-10
知っておいた方が便利なエクセルの知識

Recent Comments

Archive

2011年
2010年
2009年
2008年

Related Article