我有一个样式表,我在开头应用重置。对于大量标签,这将边距和填充设置为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
,但这也没有用。
答案 0 :(得分:1)
align
不是有效的CSS属性。我假设你在寻找text-align: center
。
显然,其他东西正在影响它,因为它在我的Firebug中显示完全正常:
答案 1 :(得分:1)
这肯定很奇怪。 FF应该这样做是没有可能的原因。您是否尝试过修改重置(例如,尝试添加背景:黄色;)并查看是否会影响FF?或者你可以尝试删除你的重置,看看你的.modified声明是否开始。只想到如何至少缩小问题的范围 - 是重置还是第二次声明?我还要确保你的标记有效 - 我注意到有些浏览器对格式错误的标记比其他浏览器更宽容。