2016-07-25 11 views
-2

CSSの2つのファイルがあり、ページの特定の部分にそれぞれスタイルを設定しています。 (ヘッダー、フッターなど)のマスターコンテンツ用に作成したものと、動的である可能性のあるメインコンテンツ用のものとを特定するものです。私は2つのCSSファイルをページにリンクしましたが、「主コンテンツ」のスタイルは「マスターコンテンツ」のスタイルに乗っているようです。この問題を解決するには?またはどのように私は定義することができる特定のHTML部分のスタイリングをターゲットにするだけの2番目のCSSファイルを制限するには? !重要なCSSプロパティを既に試しました。CSSの競合の問題

+2

あなたのCSSを表示してください。 –

+0

@Robert Columbiaそれはちょうど2つのリンクされたCSSファイルであり、それらを表示するにはあまりにも多くの行を取るだろう – MaryBaker

+0

あなたは質問がここに答えられているhttp://stackoverflow.com/questions/9459062/in-which-order-do-css- stylesheets-override –

答えて

0

私はちょうどページへの2つのCSSファイルをリンクしますが、「本編」の スタイルは「マスター コンテンツ」のスタイルの上に乗っていることが表示されます。あなたはマスター・コンテンツ・スタイルシートをロードしたときに、いくつかのスタイルを確立し、その後、あなたは、あなたがすでに宣言したいスタイルの一部を上書きメインコンテンツスタイルシートを...ロードされているためです

これはカスケードです。これは何が起こったのですかです。

などです。

あなたマスター・コンテンツ・スタイルシートにしている場合:

header h1 { 
color: blue; 
} 

、その後、その後、あなたが持っているあなたメインコンテンツスタイルシートで:

h1 { 
color: red; 
} 

あなた<h1>(中<header>)はredになります。


を追加しました:

あなたは、あなたのブラウザ(S)のためDOMインスペクター(複数可)を自分acquaintingことによって自分自身巨大な好意を行います。

私の好みは、FirefoxとFirebugので、他の人が好むChromeとクロームデベロッパーツールなど

DOMインスペクタースタイルが要素に適用されているかをお見せすることができるようになりますそれらが適用されている順序...

...どのようなスタイルが上書きされているかを見ることができます他の(後の)スタイル。

+1

ええ、それは私がそれを念頭に置くべきだったと思います。だから私は私のファイルを通過し、カスケードセレクタを検索するか、別の方法がありますか? – MaryBaker

+0

あなたはあなたのブラウザーのためのDOMインスペクターにあなた自身を知ることで大いに喜んで行います。私の好みはFirefoxとFirebugですが、他の人はChromeやChrome DevToolsなどが好きです。DOMインスペクタは、どのスタイルが要素に適用されているか、そして適用されている順番を表示することができます。他の(後の)スタイルによって上書きされています。 – Rounin

0

できるだけ避けてください!悪い習慣です。ターゲティング要素にはより良いクラス名を使用します。あなたは、SMACSSやBEMのような良いクラス命名規則だけでなく、CSSの特異性に関するいくつかの読書を行うべきです。

関連する問題