CSS declaration override

Question

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

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

#header.noback { 
   background:none;   
}

why doesn't the last declaration override here ?

Read here: http://stackoverflow.com/questions/1637343/what-are-the-priorities-among-css-selectors — Gal Margalit, Aug 11 '13 at 21:48

score 2 · Accepted Answer · answered Aug 11 '13 at 21:51

2

This is due to CSS specificity. If you change the last rule to

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

it works

answered Aug 11 '13 at 21:51

j08691

1 Answers1