PHPに独立したCSSを適用する

Question

私は現在のサイトをHTML & PHPのマッシュアップに構築しました。私はもともと個々のページにCSSを埋め込んでいました。私は別のヘッダ&フッタのPHPファイルのPHPインクルードを使用しています。私はfooter.php & header.phpをそれぞれの.cssファイルにリンクしていますが、それはある程度は機能しますが、CSSがヘッダファイルとフッタPHPファイルの両方に "流出"しているようです。

例えば、私は私のfooter.cssファイルに私の体のテキストに&リンクを濃いグレーを適用します：

<style type="text/css"> 
<!-- 
body,td,th { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #808080; 
} 
a:link { 
color: #808080 ; 
} 
a:visited { 
color: #808080 ; 
} 
body { 
background-image: url(); 
background-repeat:repeat-x; 
background-color: #000000; 
} 
.style4 {font-size: 13px} 
--> 

#footer { width: 100%; height: 20%; background: #181818 ; } 



//footer-nav style 

#footer-nav { 
list-style-type: none; 
padding: 0; 
float: center; 


} 

#footer-nav li { 
display: inline; 


} 

#footer-nav li a { 
float: center; 
text-align: center; 
background: none; 
margin-left: 15px; 
margin-right: 15px; 
text-decoration: none; 
height: 23px; 
line-height: 23px; 
} 











</style> 

`

そして、これは私のheader.phpのファイルにオーバー転送していますリンクを濃いグレーに変更する（header.phpを自分のheader.cssファイルにリンクしているので、これは起こってはならない）。

私が本質的に達成しようとしているのは、ダイナミックヘッダー&私のウェブサイト上のフッターリンクシステムです。追加されたリンク、サービス、

もっと効率的なやり方があれば教えてください！

Answer 1

技術的には、あなたのページにのみ属するべきで、インラインブロックではありません（動作しますが）。

それぞれの場合にスタイルを適用する領域だけを選択するには、CSSを変更する必要があります。たとえば、ヘッダーのすべてのCSSにトップレベルヘッダー要素の先頭に#headerを付ける必要があります。

これで、トップレベルの要素をスタイリングするだけで、最後にロードすることが有効になります。

Answer 2

特定のCSSの背景に、このようなものを置くことができます。 Ex。

背景：＃181818！important;