cssウェイトの簡単なまとめ
765 ワード
cssセレクタのウェイト
!important(ie 6+)>インラインスタイル>インラインスタイル>外部スタイル/--スタイル定義の位置が異なり、重みが異なります
定義された位置が同じ場合、セレクタの重みが異なります.
位置が同じセレクタで同じ前後に同じスタイルのプロパティを定義すると、後に定義された上書きが先に定義されます.
異なるセレクタのウェイト値
idセレクタ100
classセレクタ10
タブセレクタ1
継承されたスタイルプロパティのウェイト値はfont:color:
たとえば、階層セレクタのウェイト値
!important(ie 6+)>インラインスタイル>インラインスタイル>外部スタイル/--スタイル定義の位置が異なり、重みが異なります
定義された位置が同じ場合、セレクタの重みが異なります.
位置が同じセレクタで同じ前後に同じスタイルのプロパティを定義すると、後に定義された上書きが先に定義されます.
異なるセレクタのウェイト値
idセレクタ100
classセレクタ10
タブセレクタ1
継承されたスタイルプロパティのウェイト値はfont:color:
たとえば、階層セレクタのウェイト値
1 <style type="text/css">
2 #main .title p{} /* 100+10+1=111 */
3 </style>