Question

我们的网站有一个stylesheet.css和一个custom.css - 在我们的平台上，我只能访问custom.css。

我在custom.css中有一些覆盖，但它们只显示在某些页面上。

请参阅http://www.daysjewelers.com（由custom.css控制的背景等）请参阅http://www.daysjewelers.com/category/engagement_rings_and_wedding_rings.do，并且不存在css覆盖。

以下是覆盖：

body.main {
background: #fff url(http://www.daysjewelers.com/images/en_US/global/globalgraphics/main_bg.gif) repeat;
}

.mainLayoutTable {
background: #fff;
padding: 10px;
border: 1px dashed #c0ddea;
margin-top: 15px;
}

我已经刷新了我的浏览器缓存，想法？

Answer 1

杰森，我注意到在第二页不能正常工作的情况下 - 生成的源（使用Firebug）会在标签上报告具有附加属性（如bgcolor）。我不确定那是从哪里来的。此外，如果您尝试覆盖其他模板中的属性，您可以考虑在声明中添加！important以确保您想要的属性优先。

Answer 2

定义自定义CSS样式的最佳方法是在您的css声明中添加!important行。你的代码看起来像这样：

body.main {
background: #fff url(http://www.daysjewelers.com/images/en_US/global/globalgraphics/main_bg.gif) repeat !important;
}

编辑：仅仅是一个FYI，我已经使用Firebug在您的网站上测试了它，它确实有用。

覆盖css仅在某些页面上可见

2 个答案: