Question

我正在使用expedia联盟网站工作，并且在使用我自己的样式覆盖expedia提供的样式时遇到问题。 Expedia允许我上传自己的头文件并链接到外部样式表，但是我还没有设法完全覆盖默认样式。

我甚至已经克隆了expedia提供的默认样式表并逐个替换样式。 Here's网址。

.js div#map.ma p-expanded {
    background-image: url("/zen/_media/_global/loading-large.gif");
    background-position: center center;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px;
}

我试图将此地图的背景更改为白色，但在所有尝试中均失败。

Answer 1

！important声明可以帮助您覆盖expedia样式表设置的一些样式。

margin{ 0 !important; }

有用的阅读：http://www.electrictoolbox.com/using-important-css/

编辑：试过这个，它对我有用。

.map-expanded{
   background-color:#fff !important;
}

Answer 2

查找“css优先级”，有一些简单的规则可确定将应用哪种样式。例如here。

例如，您可以创建比expedia样式更多的指定类。

.js div#map.map-expanded应用的样式如果您指定的更多，则会被您的定义覆盖，例如div.js div#map.map-expanded（如果在div元素上设置了js类）。

禁用外部样式表

2 个答案: