Question

我的第一个问题：

由于Firefox存在一些奇怪的问题，我必须提出这些问题：

margin:0;
padding:0;

在每个div中使用后台img以避免Firefox出现问题。我对这些没有任何问题但有时候我需要使用padding-top在文本和它之间留出一些距离。

如果我同时使用padding:0和padding-top:2px，问题仍然存在。如何在修复Firefox时使用padding-top？

第二个：

我在页面上为所有标签使用了全局CSS代码。例如，我在所有标签上使用了color:FFF。但有时我需要有一个特定的链接color:000。喜欢这个：

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

正如你所知，我不能将'blabla'链接变成黑色，因为我已经将样式应用于<a>标签，因此它将再次变为白色。我怎样才能实现这一目标？

Answer 1

关于填充，你可以在前一个内部添加一个额外的div，仅用于填充。

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

这样你就可以保持固定的div不变。

关于第二个问题，请尝试将！important添加到第二个样式

a {color:#000 !important;}

Answer 2

回应＃1：

当你说“填充：0”时，你说要为所有方向设置填充 - 左，上，右和底部为“0”。如果您的“padding-top：2px”出现在“padding：0”之前，那么您的“padding-top：2px”将被忽略。

如果您想根据浏览器修改样式，我建议css browser select。我以前用过这个，发现它非常方便。

Answer 3

要覆盖颜色，您可以将类添加到样式表中：

/* 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>