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

回答