css - CSS 宣言のオーバーライド

Question

#header {
   width:100%;
   height:200px;
}

#theme.theme1 .handle {
   background:blue; 
} 

#header.noback { 
   background:none;   
}

最後の宣言がここでオーバーライドされないのはなぜですか?

http://jsfiddle.net/5VnAs

Answer 1

これはCSS 固有性によるものです。最後のルールを次のように変更すると

#header.noback.handle{ 
   background:none;   
}

jsFiddle の例

できます