在我的网站上实现一个常量页眉/页脚？

Question

我有一个使用各种软件的网站 - 用于论坛的phpBB，用于wiki的mediaWiki，用于其他页面的我自己的代码等。

当然，这些都是不同的，但我想在该软件的页眉和页脚文件中实现页眉和页脚，以便我可以在整个站点使用它。

我想使用php include，但我希望包含一个完整的页眉/页脚和它自己的自定义CSS，它不会与页面的CSS冲突。我可以做任何事情，但让CSS正常工作。

这是我的HTML：http://slexy.org/view/s21HJgZCov

这是我的CSS：http://slexy.org/view/s2mH808KnV

问题在于，如果我只使用元素名称而不是id和类，那么标题看起来很好。但显然我不能使用div或a之类的名称，这些名称已经在网站的HTML中定义。我怎么能不让它发生冲突？

Answer 1

我的猜测是在页眉/页脚中使用id说明符，在其他CSS中找不到ID。

例如：

<div id="GlobalNameGenericHeader">...</div>

然后在CSS中

#GlobalNameGenericHeader {…}

Answer 2

这将取决于HTML的布局方式，但您可以根据类名或ID使用更复杂的CSS选择器。因此，例如，在第一部分中，您可以将整个部分包装在div中：

<div id="section1">
    <a href="">Blah Blah</a>
    <p>A section 1 paragraph</p>
</div>

然后使用以下CSS规则来设置该部分中的链接和段落的样式：

#section1 a { ... }
#section1 p { ... }