私は2つのサイトをマージしています

Question

私はむしろ2つの半分で愚かに作成したサイトを持っています。私は今、それらを1つの完全な完成サイトに合併させる過程にある。問題は、CSS内にレイヤーがあることです。私は、あなたが完全に理解できるように願っている例を説明しようとします。

サイト1とサイト2は、完成したサイトの半分であるサイト3です。これを簡単に言い換えると、サイト1にはlogin/register/index/membersindexheaderが含まれています。サイト2は、メンバーインデックスやその他の制限付きファイルなどのメンバーページを持つことで構成されています。今、問題です。サイト2のページでサイト1で作成したヘッダーファイルを使用しようとしています。正常に動作します。ヘッダーはうまく表示されますが、通常の要素、たとえば<a> & <p>などを使用すると、本文のヘッダーにCSSが使用されます。

私はこれがCSSの仕組みを知っていますが、他の<a>タグのスタイリングをリセットできる方法があることを期待しています。私は!importantを新しいCSS値の後に置いてみましたが、運はありません。私はこれを行うことができる他の方法はありますか？

CSSのリセットファイルを使用してページの半分を挿入することはできますか？たとえば、実際のページにヘッダがあり、site1.cssにPHPを使用すると、本体コードが必要なときにcssreset.cssを持つsite2.phpを含めることができますか？

編集：私はこのポストをより多くのユーザーフレンドリーにしました。以前の状態には申し訳ありません。

Answer 1

説明していることは、CSSのよくある問題です。ヘッダーにのみ適用するCSSを擬似名前空間にする必要があります。あなたは、このようにHTMLを使用している場合：

<header> 
    <h1>Site 2 header</h1> 
    … 
    <p>Here is an example <a href="http://example.com"> link</a>.</p> 
</header> 

次に、あなたがそこにp要素にグローバルスタイルを適用するかを具体的にheader pに適用することができます。 CSSがグループ化とネスティングを実装するまでは、スタイルがheaderの子孫にのみ適用されることを確認する唯一の方法です。

Answer 2

非常に汚いトリックがありますが、新しいサイトの部分にカバーするdiv要素を置いてもよい：

old site 
<div class=newsiteparts> 
new site parts 
</div> 
old site 

とのようなものでnew_site.cssを更新：

に変換

a{ 
    color:red 
} 

：

.newsiteparts a{ 
    color:red 
}