CSSの2つのファイルがあり、ページの特定の部分にそれぞれスタイルを設定しています。 (ヘッダー、フッターなど)のマスターコンテンツ用に作成したものと、動的である可能性のあるメインコンテンツ用のものとを特定するものです。私は2つのCSSファイルをページにリンクしましたが、「主コンテンツ」のスタイルは「マスターコンテンツ」のスタイルに乗っているようです。この問題を解決するには?またはどのように私は定義することができる特定のHTML部分のスタイリングをターゲットにするだけの2番目のCSSファイルを制限するには? !重要なCSSプロパティを既に試しました。CSSの競合の問題
-2
A
答えて
0
私はちょうどページへの2つのCSSファイルをリンクしますが、「本編」の スタイルは「マスター コンテンツ」のスタイルの上に乗っていることが表示されます。あなたはマスター・コンテンツ・スタイルシートをロードしたときに、いくつかのスタイルを確立し、その後、あなたは、あなたがすでに宣言したいスタイルの一部を上書きメインコンテンツスタイルシートを...ロードされているためです
。
これはカスケードです。これは何が起こったのですかです。
などです。
あなたマスター・コンテンツ・スタイルシートにしている場合:
header h1 {
color: blue;
}
、その後、その後、あなたが持っているあなたメインコンテンツスタイルシートで:
h1 {
color: red;
}
あなた<h1>
(中<header>
)はred
になります。
を追加しました:
あなたは、あなたのブラウザ(S)のためDOMインスペクター(複数可)を自分acquaintingことによって自分自身巨大な好意を行います。
私の好みは、FirefoxとFirebugので、他の人が好むChromeとクロームデベロッパーツールなど
DOMインスペクタースタイルが要素に適用されているかをお見せすることができるようになりますそれらが適用されている順序...
...どのようなスタイルが上書きされているかを見ることができます他の(後の)スタイル。
0
できるだけ避けてください!悪い習慣です。ターゲティング要素にはより良いクラス名を使用します。あなたは、SMACSSやBEMのような良いクラス命名規則だけでなく、CSSの特異性に関するいくつかの読書を行うべきです。
関連する問題
- 1. htaccessリダイレクト競合の問題
- 2. undefined- jQueryの競合問題
- 3. Fancybox競合が問題
- 4. メインスレッドの競合/タイミングの問題 - GCD - iPhone
- 5. レプリケーションの問題 - 競合の解決
- 6. Hawtioポートの競合の問題
- 7. javascript競合状態の問題
- 8. 「MSVCRT」競合の問題だから、
- 9. CSSスタイルの競合
- 10. CSSマージンの競合
- 11. CSSの競合スタイル
- 12. 問題インストール管理gem、バンドラー競合
- 13. Css&Asp:ボタンの競合
- 14. 複数のwordpressプラグインでのJqueryの競合の問題
- 15. jScrollPaneとNivoSlider WPプラグインの間のjQuery競合の問題
- 16. フォーム選択要素の置換でjQueryの競合の問題
- 17. anacondaとvirtualenvの競合の問題を解決するには
- 18. log4net 1.2.11の競合に関するもう1つの問題
- 19. 大きなトランザクションでの行ロック競合の問題
- 20. CSSの問題
- 21. CouchDBと競合の問題を抱える投票ツール
- 22. W3.css JQuery UIプログレスバーとの競合
- 23. クラスの競合を伴うAngular2 CSSファイル
- 24. WP CSSの問題/ URLの問題
- 25. 照合の競合を解決できません - SQLスクリプトの問題
- 26. Angulr2:サードパーティのCSSとのカスタムCSSの競合
- 27. CSSフレームワークの問題
- 28. CSS - ドロップラインメニューの問題
- 29. CSSグリッドレイアウトの問題
- 30. css-opacityの問題
あなたのCSSを表示してください。 –
@Robert Columbiaそれはちょうど2つのリンクされたCSSファイルであり、それらを表示するにはあまりにも多くの行を取るだろう – MaryBaker
あなたは質問がここに答えられているhttp://stackoverflow.com/questions/9459062/in-which-order-do-css- stylesheets-override –