Question

我上传的css正在使用border: thin dashed，但Firebug将样式显示为border: thin solid。

这是上传的风格

#menu a{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #FFF;
    text-decoration: none;
    border: thin dashed #FFF;
    border-radius: 3px;
    outline: none;  
}

这是我在Firebug中看到的CSS

#menu a {
    border: thin solid #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    outline: none;
    padding: 3px 5px;
    text-decoration: none;
}

在本地预览（F12-Firefox 16）上，#menu a border为虚线，但是从服务器加载，#menu a border是稳固的！

Answer 1

听起来有些缓存正在发挥作用。尝试清除浏览器的缓存。如果这不起作用，请将？v1添加到用于调用CSS文件的URL的末尾。这将作为缓存破坏者。例如：/assets/CSS/styles.css?v1

如果两者都不起作用，我会说你没有将CSS上传到正确的位置。

Answer 2

Firebug尽可能地整合你的CSS。所以如果你有：

padding-left:1px;
padding-right:1px;
padding-top:1px;
padding-bottom:1px;

然后它将显示为

padding: 1px;

为什么只有从服务器加载CSS时才在Firefox中更改CSS？

2 个答案: