CSS/HTML - 在Firefox和樣式替代填充問題

因爲隨着Firefox的一些奇怪的問題，我已經把這些：

margin:0; 
padding:0;

與背景IMG每格以避免在Firefox上出現問題。我沒有問題，但有時我需要使用填充頂部來使文本之間的一段距離，它在上面。

如果我同時使用padding:0和padding-top:2px那麼問題仍然存在。如何在修復Firefox時使用padding-top？

第二個：

我使用的全局CSS代碼爲我的網頁上的所有標籤。例如，我在所有標籤上使用了color:FFF。但有時我需要有一個特定的鏈接爲color:000。像這樣的：

<div style="color:000"><a href="#">blabla</a></div>

你知道這樣，我不能在黑色的「布拉布拉」鏈接，因爲我已經有應用的樣式爲<a>標籤，以便它會顯示爲白色。我怎樣才能做到這一點？

2011-11-17 xperator

重要的是你可以張貼在的jsfiddle你的代碼？ –

http://jsfiddle.net/T9SxH/1/ – xperator

關於填充，您可以在前一箇中添加額外的div，僅用於填充。

<div> 
    <div class=PaddingStyle>Content</div> 
</div>

這樣你就可以保持你的固定div完好無損。

關於你的第二個問題，嘗試加入！到第二風格

a {color:#000 !important;}

2011-11-17 17:05:31

謝謝！兩個問題都沒有了！ – xperator

針對＃1：

當你說「填充：0」，你說，設置填充所有方向 - 左，上，右，和底部爲「0」。如果您的「padding-top：2px」出現在「padding：0」之前，那麼您的「padding-top：2px」將被忽略。

如果您想根據瀏覽器修改您的樣式，那麼我建議您使用css browser select。我之前使用過它，並發現它非常方便。

2011-11-17 16:57:17 bsegraves

我已經嘗試過填充後使用填充頂部：0但是沒有運氣！並非常感謝你的鏈接，我不知道這種技術存在！使用它將會非常容易處理多個瀏覽器問題。 – xperator

@xperator：很奇怪。你使用[firebug]（http://getfirebug.com/）？追蹤造型bug非常棒。您甚至可以編輯大部分值並立即查看效果。 – bsegraves

覆蓋您可以在類樣式表添加這樣的顏色：

/* Global Link Override */ 
a:link { 
    color:FFF; 
} 

/* Specific Link Override */ 
.specialLink a:link { 
    color: 000; 
}

然後，您可以將其應用到鏈接本身，首先會是白色和第二黑色：

<a href="#">foo</a> 
<div class="specialLink"><a href="#">bar</a></div>

2011-11-17 17:04:28 icirellik

這是我嘗試使用你的指令的實際代碼但仍然不工作：http：// jsfiddle。淨/ T9SxH/2/ – xperator

，因爲你使用的是：鏈接，你應該用這個來代替：」 .post_more一：鏈接{ 顏色：#FFF; }' – icirellik

回答