Question

我已将当前网站构建为HTML＆amp;混搭PHP。我最初将CSS嵌入到每个页面中。我正在使用PHP包含单独的标题和＆amp;页脚PHP文件。我已将footer.php和amp; header.php到他们各自的.css文件，并且它在一定程度上起作用，但似乎CSS正在“渗透”到页眉和页脚PHP文件。

例如，我将深灰色应用于我的身体文字＆amp;链接到我的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文件）。

我基本上想要实现的是动态标题＆amp;我的网站上的页脚链接系统，以便我可以轻松更新所有标题和＆amp;通过在添加链接，服务等的情况下仅替换一个文件来在站点范围内添加页脚

如果有更有效的方式，请告诉我！

Answer 1

从技术上讲，应该只属于您的页面，而不是内联块（尽管它确实有效）。

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

作为前缀

现在你只是设计顶级元素，最后一个加载生效。

Answer 2

你可以尝试在特定的CSS的背景上放置这样的东西。实施例

背景：＃181818！important;

将隔离的CSS应用于PHP

2 个答案: