divのCSSスタイルをリセットする

Question

私は大きなhtml文書を持っています。そして、私はこのドキュメントにコントロールを追加したいが、このコントロールのCSSスタイルは、大きなHTMLドキュメントのスタイルによってオーバーラップする。 div（およびすべてのネストされたdiv）のすべてのスタイルをリセットするにはどうすればよいですか？

Answer 1

1つの解決策（おそらく最高ではない）は、スタイルを上書きするためにCSS属性の後に!importantを使用することです。それとも、css reset toolを使用して、あなただけが埋め込むしようとしているコントロールに適用されるスタイルシートにCSSルールを追加したいのみ希望のdiv

Answer 2

のためにそれを書き換えます。このような何か：

#yourDivID 
{ 
    display: block; 
    border:0; 
    color:black; 
} 

あなたはおそらく適用されている可能性のある他のスタイルをクリアするためにそこに多くの属性が必要になります、これは単なる一例です。

ここで、メインのdiv内に配置するコントロールは、これらのオブジェクトに具体的に対応するルールを作成する必要があります。例：

Answer 3

私はあなたが何を意味するのか理解していると思いますが、複数のスタイルシートですか？その場合は、あなたが1つしかない場合は、スタイルシートの一番下に新しいdivのコードを入れてHTMLなど

<link type="text/css" href="/bightmldoc.css" /> 
<link type="text/css" href="/newdiv.css" /> 

かだけで、古いものの下に新しいものを置きます。何が起こっているのかの例がなければ、何が最善の行動をとるのかを考えるのは難しいです。 Yahooと

Answer 4

のみ.yui3-cssreset

例えばdecendentのある要素をリセットする "コンテキスト" バージョンがあるhttp://yuilibrary.com/yui/docs/cssreset/

リセット

<div class="yui3-cssreset"> 
    <!-- Anything in here would be reset--> 
</div> 

Answer 5

私はあなたが本当にそれはハックと考えられていたときに行う必要がない場合は、!importantを行うべきではないと言う必要があります。私がやることは、より多くのステップでセレクタを作ることです。あなたがIDを持っているなら、あなたのオブジェクトを指定するのにIDを使用します。なぜなら、IDはクラスをオーバーライドするからです。たとえば、私の最初の例を使用する場合、おそらくあなたのコードは他のクラスによって上書きされます。しかし、あなたがセレクターのために長いパスを見つけようとすると、より良い結果が得られるかもしれません。

.yourdiv {} 

#main .rightcol .box .yourdiv {} 

あなたが本当にしないように試みることができるならば、あなたは!importantを使用したいかもしれませんが、する必要がある場合。

私はこれが少し助けてくれることを願っています。