ログインしてさらにmixiを楽しもう

コメントを投稿して情報交換！
更新通知を受け取って、最新情報をゲット！

GoodなWEB作成サークルコミュのCSSダブルクラスの怪

ログインして参加する

  • mixiチェック
  • このエントリーをはてなブックマークに追加

CSSダブルクラスの怪

mixiユーザー 2008年11月18日 17:27

ご存知の方も多いかも知れない。
CSSのidとclassの違いや使い分けといったものは、多くの書籍ではこのようにある。
「idは一度しかページ内に出せない要素。classは複数出せる要素」
「あるdivやインライン要素に対して複数出てくるようならclassをつけましょう。」

しかし、どうもそれだけではないらしいことが海外のDOMページなどから見えてきた。
「半角スペースを入れることで、クラスは多重に指定できる」のだ。
しかも2つどころではなく、いくつでも。

CSSを簡潔明瞭に記述する上で非常に役に立つ方法だと思う。
また、XHTML側では、無駄に要素を増やさなくて済む点がありがたい。

//////////////////////////////////////////////////////////
↑画像のサンプルではクラスaに対して文字サイズを50px指定。
当然クラスaを持った<p>要素は50で表示される。
その上で、b、cそれぞれのクラスをaに続けて半角スペースを入れて、指定。
それぞれ適応されるからABとACの色は違って表示される。

IE6、macIE5等でのエラーもない。

コメント(0)

mixiユーザー
ログインしてコメントしよう！

GoodなWEB作成サークル 更新情報

GoodなWEB作成サークルのメンバーはこんなコミュニティにも参加しています

星印の数は、共通して参加しているメンバーが多いほど増えます。

GoodなWEB作成サークル

人気コミュニティランキング

困ったときには

関連ワード

mixiで趣味の話をしよう
新規登録（無料）

このページの上部へ