由 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 规则有一个删除线或类似的内容，表明它已被覆盖。