2014-01-27 27 views
0

工作,我有工作在「代碼」精細風格:CSS利潤率將不會在樣式表,但在代碼

<img class="minbild" style="margin-right: 22px; float: left;" src="/images/Etiketter/AmarilloSingleHopEtikett.jpg" alt="AmarilloSingleHopEtikett" width="300" height="300" /> 

這將保證金右設置爲22像素。當我將它移動到「minbild」類時,它停止工作...

.minbild { 
margin-right:62px; 

box-shadow: 0px 0px 0px 1px #555, 0px 0px 0px 10px #eee, 0px 0px 0px 11px #555, 3px 3px 5px 11px #555; 
-moz-box-shadow: 0px 0px 0px 1px #555, 0px 0px 0px 10px #eee, 0px 0px 0px 11px #555, 3px 3px 5px 11px #555; 
-webkit-box-shadow: 0px 0px 0px 1px #555, 0px 0px 0px 10px #eee, 0px 0px 0px 11px #555, 3px 3px 5px 11px #555; 
} 

任何人都知道爲什麼會發生這種情況?我爲我的jceditor使用了相同的css文件,它顯示了保證金的好處!我試過Chrome和IE9。

+0

你'班'版本沒有浮動應用...可以這樣嗎? –

+0

你有沒有其他的CSS規則出現在上面顯示的那個可能會改變邊距的規則之後? – j08691

+1

內聯樣式比樣式表具有更高的優先級,也許還有另一個規則會覆蓋'.minibild'的聲明,我們可以看到樣式表的其餘部分嗎? –

回答

1

刪除內聯CSS,它應該解決這個問題:

<img class="minbild" src="/images/Etiketter/AmarilloSingleHopEtikett.jpg" alt="AmarilloSingleHopEtikett" width="300" height="300" /> 

內聯CSS是考慮優先於外部CSS。