php - 将独立的 CSS 应用到 PHP

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

从技术上讲，应该只属于您的页面，而不属于内联 block (尽管它确实有效)。

在每种情况下，您都需要更改 CSS 以仅选择要应用样式的区域。例如，标题的所有 CSS 都应以顶级标题元素 #header 为前缀。

现在您只是在设置顶级元素的样式，最后加载的元素正在生效。