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;
}

divこれは、クラスを持つ特定の要素にスタイルを提供するために追加した行ですmodified

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

Safariでその特定divのものを調べると、スタイルシートに作成した行が表示され、それが適用されているように見えます。

Firefoxで、同じものでfirebugを使用するとdiv、cssリセットコードのみが表示されます。

これを回避する方法はありますか?私は試しましたが、名前を変更するだけでなく、!important名前を変更しましたが、それもうまくいきませんでした。div.modifiedmodified

4

2 に答える 2

1

alignは有効なCSSプロパティではありません。私はあなたが探していたと思いますtext-align: center

明らかに、他の何かがそれに影響を与えています。私のFirebugではすべてが完全に正常に表示されます。

存在する

于 2012-01-31T18:39:41.853 に答える
1

それは確かに奇妙です。FFがそうすべきであるという考えられる理由はありません。リセットを変更して(たとえば、background:yellow;を追加してみてください)、それがFFに影響するかどうかを確認しましたか?または、リセットを削除して、.modified宣言が機能するかどうかを確認することもできます。少なくとも問題を絞り込む方法を考えてみてください。リセットですか、それとも2番目の宣言ですか。また、マークアップが有効であることを確認します。一部のブラウザは、他のブラウザよりも不正な形式のマークアップを許容していることに気付きました。

于 2012-01-31T18:39:55.230 に答える