事業部與多個類是由瀏覽器

<div class="required-fields group-summary field-group-html-element">testing</div>

我還包括一個CSS

div.group-summary { float:right;}

，但它不工作。

但是，如果我嘗試：

div.required-fields.group-summary.field-group-html-element { float:right;}

然後它工作得很好。有什麼，我失蹤了。它似乎很簡單，我不能相信問題出在哪裏而定。

2013-11-01 Michael

適用於兩個版本（Firefox 20），請參閱http://jsfiddle.net/m3gV6/ –

如果您有其他影響div的css規則，您將需要使用瀏覽器開發工具來檢查其他什麼瞄準的是'div' –

第二個規則div.required-fields.group-summary.field-group-html-element是比第一個更具體的和可能覆蓋的第三相反的規則，這是比第一但比所述第二規則較不具體的，例如更具體的

div.group-summary { 
    float:right; 
} 

div.required-fields.group-summary { 
    float: left; 
}

將float: left，而

div.required-fields.group-summary { 
    float: left; 
} 

div.required-fields.group-summary.field-group-html-element { 
    float:right; 
}

將float: right。

2013-11-01 22:46:26

我明白了，謝謝！有許多規則做各種事情的div，所以我得先檢討。 – Michael

回答