标头中的CSS覆盖

时间:2014-01-24 00:30:44

标签: javascript jquery html css

如此简单的问题,我刚买了一个我非常喜欢的网站模板,仅用于关于我们的页面。我使用Volusion网站,因此我们有一个主要模板的主要CSS,我希望能够只有一个页面,关于我们页面,使用这个新的CSS。如果我把它放在约会我们页面的正文中,它显然被网站主要css所占据。

如果它将其与css的其余部分放在标题中,那么它会在整个网站上抛出CSS,当我只想要它引用about-us页面时。

无需返回,并重写每一块CSS,使其仅对于about-us页面是唯一的,所以没有任何冲突,是否有任何快速方法只为一个页面提供一组独特的CSS一个特殊的jQuery调用,或者href。我也不想使用大量的!重要的。

1 个答案:

答案 0 :(得分:0)

将关于我们的内容包装在像这样的id包装器中

<div id="about-us-wrapper" >
{...}
</div>

然后在导入的CSS文件中追加

#about-us-wrapper .xxx 

在每一行前面。