私のウェブサイトに定数ヘッダー/フッターを実装していますか？

Question

フォーラム用のphpBB、wiki用のmediaWiki、他のページ用の自分のコードなどがあります。

これらはもちろん違いますが、ヘッダーとフッターを実装したいそのソフトウェアのヘッダーファイルとフッターファイルを使用して、サイト全体で使用することができます。

PHPのインクルードを使用したいだけですが、ヘッダー/フッター全体と、ページのCSSと競合しない独自のカスタムCSSを含めたいと思います。私はすべてを行うことができますが、CSSを適切に動作させることができます。

は、ここに私のHTMLです：http://slexy.org/view/s21HJgZCov

ここに私のCSSです：http://slexy.org/view/s2mH808KnV

問題は、私はちょうど要素名の代わりに、idとクラスを使用した場合、ヘッダーの外観と正常に動作していることです。しかし、明らかに私はdivやaのような名前を使うことはできません。それらは既にサイトのHTMLに定義されています。どうやってそれを矛盾させることができないのですか

Answer 1

私の推測では、あなたのヘッダー/フッターにid指定子を使用して、他のCSSではidcが見つからないと思います。

<div id="GlobalNameGenericHeader">...</div> 

次にCSS

#GlobalNameGenericHeader {…} 

Answer 2

にあなたのHTMLがレイアウトされているかに依存するようになるだろうが、あなたは、クラス名に基づいて、より複雑なCSSセレクタを使用することができますのようなものは、例えば

またはID。したがって、たとえば、セクション1で、あなたはdivの中にセクション全体ラップすることができます：

<div id="section1"> 
    <a href="">Blah Blah</a> 
    <p>A section 1 paragraph</p> 
</div> 

をし、そのセクションのちょうどリンクや段落のスタイルを、次のCSSルールを使用します。

#section1 a { ... } 
#section1 p { ... }