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

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

CSS研究会コミュのあけましておめでとうございます

  • mixiチェック
  • このエントリーをはてなブックマークに追加
あけましておめでとうございます、少しは研究会の趣旨に沿った内容を・・

cssの優先順位です、ポイント制になっており高ポイントを獲得した記入のcssが優先されます
ポイントの割り当ては以下です

*(全称セレクタ) 0ポイント
p,li などのタグ 1ポイント
.sample(classの場合)10ポイント
#sample(IDの場合) 100ポイント
style="" (インラインスタイル) 1000ポイント


p.sample =11
ol#sample =101
ol#sample li a =103


一時的に優先順位を変更する!important宣言 ------------------------------

!important宣言はcssの優先順位を変更できるため一時的に任意の
cssを適用させるのに有効です

例 
ol#sample li {color:#333333;}
ol li#sample2 {color:#666666 !important;}

<ol id="sample">
<li>txt1</li>
<li>txt2</li>
<li id="sample2">txt3</li>
</ol>

ol#sample li によってli内のtxtのカラーが#333333になるが
#sample2を適用したliだけカラーが#666666になる

ie6の場合!important宣言のあと競合するcssを記述すると!important宣言が無効になるバグがあるので注意です
ie6バグのまとめ
http://webtech-walker.com/archive/2007/05/21215114.html

コメント(0)

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

CSS研究会 更新情報

CSS研究会のメンバーはこんなコミュニティにも参加しています

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

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