最初にリセットを適用するスタイルシートがあります。これにより、多数のタグのマージンとパディングが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で、同じものでfirebugを使用するとdiv
、cssリセットコードのみが表示されます。
これを回避する方法はありますか?私は試しましたが、名前を変更するだけでなく、!important
名前を変更しましたが、それもうまくいきませんでした。div.modified
modified