将孤立的 CSS 应用到 PHP答案

【问题标题】：Applying isolated CSS to PHP将孤立的 CSS 应用到 PHP
【发布时间】：2012-05-10 16:51:53
【问题描述】：

我已将我当前的网站构建为 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 文件）。

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

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

【问题讨论】：

您是否考虑过将颜色值存储在数据库中并在每个页面上嵌入 CSS？
^这是个好主意。不过我没那么先进！那么这是否需要我用另一种网络语言创建自己的颜色代码和参考系统？
不，一点也不。从这里开始有点长（但并不复杂），所以我将引导您访问 w3schools.com。我会做一些 PHP 和 MySQL 教程，一点点谷歌搜索，还有一些问题，你应该准备好了;)

标签： php html css

【解决方案1】：

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

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

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

【讨论】：

^这似乎是一个解决方案 - 然后我将如何在我的 CSS 代码中引用 #element ？例如，我有 li 和 div #elements，但我不知道如何调用这样的 CSS 样式。
所以在你的标题中假设你有
链接
您可以为#header ul、#header li 和#header a 添加样式，例如仅对于标题中的橙色链接，#header a { color: orange; }
所以这会成为header.php文件中额外嵌入的CSS？编辑：或者，我是否只需将#header a #header li 等添加到 header.css 文件中？
谢谢先生！这让我走上了正轨。我已经可以看到它在我的外部 .css 文件上运行。再次感谢。

【解决方案2】：

您可以尝试将这样的内容放在特定 CSS 的背景上。例如。

背景：#181818 !important;

【讨论】：