css - 禁用外部样式表

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;
}

我曾尝试将这张 map 的背景更改为白色，但都失败了。

Answer 1

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

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

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