0

現在のサイトを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ファイルにリンクしているため、これは発生しないはずです）。

私が本質的に達成しようとしているのは、私のWebサイトの動的なヘッダーとフッターのリンクシステムです。これにより、リンクやサービスなどが追加された場合に1つのファイルを置き換えるだけで、サイト全体のすべてのヘッダーとフッターを簡単に更新できます。

これを行うより効率的な方法がある場合は、私に知らせてください！

4

2 に答える 2

1

技術的には、インラインブロックではなく、ページのにのみ属する必要があります（ただし、機能します）。

いずれの場合も、スタイルを適用する領域だけを選択するようにCSSを変更する必要があります。たとえば、ヘッダーのすべてのCSSには、最上位のヘッダー要素#headerをプレフィックスとして付ける必要があります。

現在、トップレベルの要素をスタイリングしているだけで、最後にロードする要素が有効になっています。

于 2012-05-01T02:57:20.497 に答える
0

特定のCSSの背景にこのようなものを配置してみることができます。元。

背景：＃181818！重要;

于 2012-05-01T02:58:05.347 に答える