0

我有一个样式表，我在开始时应用了一个重置​​。这会将一系列标签的边距和填充设置为 0 等。但是，稍后在样式表中，我将边距和填充应用于特定标签。然而由于某种原因，Firefox 并没有在非常特定的地方通过重置。

这是正在发生的事情的一个例子。以下是我的重置：

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

这是我添加的一行，用于为具有 class 的特定div元素提供样式modified：

.modified { padding-top: 5px; align:center; }

在 Safari 中，当我检查特定div的 .

在 Firefox 中，当我在同一台上使用 firebug 时div，我只看到我的 css 重置代码。

有没有解决的办法？我已经尝试过!important，以及重新命名它，div.modified而不是只是modified，但这也没有奏效。

4

2 回答 2

1

align不是有效的 CSS 属性。我假设你正在寻找text-align: center.

显然，还有其他因素在影响它，因为它在我的 Firebug 中显示得非常好：

存在

于 2012-01-31T18:39:41.853 回答
1

那肯定很奇怪。没有任何可以想象的理由让 FF 这样做。您是否尝试过修改您的重置（例如，尝试添加背景：黄色；）并查看这是否会影响 FF？或者您可以尝试删除您的重置，看看您的 .modified 声明是否生效。只是思考如何至少缩小问题的范围 - 是重置还是第二次声明？我还要确保你的标记是有效的——我注意到有些浏览器比其他浏览器更容忍格式错误的标记。

于 2012-01-31T18:39:55.230 回答