2012-03-09 5 views
9

このCSS要素をデフォルト設定に戻したいので、これらのリストスタイルCSS要素をオーバーライドする方法を理解できません。彼らは私が変更できない別のスタイルシート上にありますが、私はリンクしています。あなたがどのように知っていれば助けてください。リストスタイルのCSSオーバーライドをデフォルトに戻す

ol li { 
    list-style: decimal; 
} 
ol { 
    list-style: decimal outside; 
} 
+0

私はブラウザは、私が唯一使用する重要な最後の手段としてOLとLi – Blynn

答えて

15

使用!important、例えば:

ol li { 
    list-style: inherit !important; 
} 

ol { 
    list-style: inherit !important; 
} 
+1

を理解する方法に応じて、デフォルトを意味します!。それは意図しない結果を招く特異性を否定し、メンテナンスを悪夢にさせる。それは技術的に間違っているわけではありませんが、ベストプラクティスではありません。 – chipcullen

+0

あなたが変更できないスタイルシートを持っているが、あなたがそれを上書きしなければならない場合、 '!important'がこのような場合にのみ使用されるべきであることを明確にしたならば、これをアップホートします。 –

+5

実際にはそうではありません。 'button:active {color:red; }ボタン:ファーストチャイルド{カラー:ブルー; } '。すべてのアクティブなボタンのテキストを赤色にしたいが、最初のボタンのテキストは通常​​青色でなければならない。 2つのセレクタは同じ特異性を持ち、ルールオーダーだけが結果を暫定的に決定します(ひどいです)。この場合、 'button:active {color:red!important; } 'セレクタが肥大化するのを避けるために:アクティブな状態が本当にこの状況で最も重要であることを知っているからです。 http://jsfiddle.net/ygcYG/ –

0

私はあなたが好きに李スタイリングを設定するために特異性を使用しようとして行くでしょう。親要素がありますか?同様に、クラスコンテナのdivだった場合は、次のようにしてください。

3

これは本当に重要なことです。あなたは、コンテナを追加することにより、chipcullenは上記と何ができるか、あなたがこのような何かを行うことができるもの、に関係なく動作しますシンプルなオーバーライドしたい場合:

body ol { 
    margin: 1em 0; 
    padding: 0 0 0 40px; 
} 

body ol li { 
    list-style-type: decimal; 
} 

を私は内部そこに置か値がブラウザにリセットする必要がありますデフォルトであり、normalize.cssから取得されます。

1

あなたは必要な場合があります

ol li { display: list-item; } 
関連する問題