Question

我有一个网站，我相当愚蠢地创建了两半。我现在正在将它们合并为一个完整的完成网站。问题是我在CSS中有图层。我将尝试解释一个例子，希望我能帮助你完全理解。

站点1和站点2都是已完成站点的一半，站点3.为了简化这一点，站点1包含登录/注册/索引/成员索引。站点2包含成员页面，例如membersindex和其他受限文件。现在，问题。我正在尝试使用我在网站2上的网站1上创建的头文件。它工作正常。标题显示正常，但当我尝试使用<a>＆amp;等常规元素时<p>等等，它使用CSS作为正文中的标题。

我知道CSS是如何工作的，但我希望有一种方法可以重置其他<a>标签的样式。我尝试将!important放在新的CSS值之后，但没有运气。还有其他办法吗？

我可以使用CSS重置文件，然后将其包含在页面的下半部分吗？例如，实际页面中会有标题，而site1.css然后使用PHP我可以包含site2.php，当我想要正文代码时，它有一个cssreset.css？

编辑：我已经使这篇文章更加用户友好，我很抱歉它以前的状态。请删除你的badrep。

Answer 1

一个非常脏的技巧，但你可以把一个覆盖div放到新的网站部分：

old site
<div class=newsiteparts>
new site parts
</div>
old site

并使用以下内容更新new_site.css：

a{
   color:red
}

转换为：

.newsiteparts a{
   color:red
}

Answer 2

您所描述的是CSS的常见问题。您需要将要仅应用于标头的CSS伪命名空间。如果你有这样的HTML：

<header>
    <h1>Site 2 header</h1>
    …
    <p>Here is an example <a href="http://example.com"> link</a>.</p>
</header>

然后，您可以将全局样式应用于那里的p元素，或者您可以将它们专门应用于header p。除非CSS实现分组和嵌套，否则这是确保您的样式仅适用于header的后代的唯一方法。

我正在合并两个网站

2 个答案: