css - Reset.css は他のスタイルシートに影響しますか?

Question

私は新しいプロジェクトを開始しているので、プロジェクトで Reset.css の使用を開始することを考えました。私はReset.cssを使用するという概念を得ましたが、気になることの1つは、同じ要素に適用された他のスタイルに影響を与えることです..reset.cssのように、divには0のマージンと0のパディングがあります...そして私が適用する場合スタイルシートの一部の div にマージンを設定していますが、乱れませんか?

私のこの疑いを晴らしてください

Answer 1

他の div に適用されるスタイルがより具体的である場合はそうではありません。

http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

一般に、クラスまたはセレクターの id を使用して適用されたスタイルは、そうでないスタイルよりも優先されます。しかし、この分野には他にも知っておくべきルールがたくさんあります。

すなわち

 div.myStyle {...}

必ず裏切ります

 div {...}

Answer 2

あなたがする必要があるのは、最初のスタイルシートとしてreset.cssをロードすることです。 それ以降にロードされたものはすべてreset.cssをオーバーライドします

たとえば、リセットでcssを指定した場合：p {margin：0px; パディング：0px}そしてstyle.cssをstyle：p {margin：2px; パディング：2px}

最後のスタイルロードが使用されます。

私は個人的にテクニックを使用します

* { margin: 0px; padding: 0px; border: 0px; outline: none; list-style: none;}

それをcssファイルの先頭に置き、作業を完了します:)余分な.cssファイルは必要ありません。

Answer 3

最初に reset.css をインクルードしてから、独自のスタイルシート ファイルをインクルードする必要があります。スタイルがreset.phpによって上書きされないようにしてください。