由 IIS 提供服务时，CSS 呈现方式不同

Question

这个问题似乎不是特定于浏览器的，通常适用于 webkit/gecko/mozilla 样式中的样式。

例如，当我做一个网站模型并使用如下样式时：

element.class {
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border: 1px solid #800000;
}

或

element:last-child {
    ....
}

通过双击打开文件时，样式呈现如我所料。但是，当将该样式应用于由 IIS7 提供的实时站点时，该样式似乎已被忽略。我已经浏览了该站点的 IIS 配置，但似乎不明白为什么会这样。

任何帮助将不胜感激。

谢谢！

Answer 1

这可能不是网络服务器的原因。以下是您在进行故障排除时需要注意的一些事项：

1. 是否正确加载了 CSS 文件？在浏览器开发者工具中检查加载的资源。
2. 可能是您加载了一个缓存的 CSS 文件吗？使用开发人员工具检查已加载的 CSS，并确保您的 CSS 规则在其中。
3. 现场网站是否有可能有另一个 CSS 规则具有更高的 CSS 特定性来覆盖您的 CSS 规则？通常您也可以在开发人员工具中看到这一点，因为在这种情况下，CSS 规则有一个删除线或类似的标记，表示它已被覆盖。