CSS重置会覆盖Firefox中的指定元素

时间:2012-01-31 18:29:00

标签: css css-reset

我有一个样式表,我在开头应用重置。对于大量标签,这将边距和填充设置为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;
}

这是我添加的一行,用于为具有类div的特定modified元素提供样式:

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

在Safari中,当我检查特定的div时,我看到我在样式表中创建的行似乎已应用。

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

有解决方法吗?我已尝试!important,并重新命名div.modified而非modified,但这也没有用。

2 个答案:

答案 0 :(得分:1)

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

显然,其他东西正在影响它,因为它在我的Firebug中显示完全正常:

exists

答案 1 :(得分:1)

这肯定很奇怪。 FF应该这样做是没有可能的原因。您是否尝试过修改重置(例如,尝试添加背景:黄色;)并查看是否会影响FF?或者你可以尝试删除你的重置,看看你的.modified声明是否开始。只想到如何至少缩小问题的范围 - 是重置还是第二次声明?我还要确保你的标记有效 - 我注意到有些浏览器对格式错误的标记比其他浏览器更宽容。