Question

我正在运营网站www.gp2aus.com。当我更新网站上的脚时，它会完全通过Dreamweaver显示，然后我点击在Chrome中查看，但当我使用Filezilla（FZ）上传到服务器时，它似乎忽略了相关的CSS。

到目前为止，我已经尝试过：

更新public.html文件和FZ中的其他文件
关闭FZ，重新连接并重置FZ以完全更新CSS文件
等待半个小时只是因为传输的较大的main.css文件有一些延迟（我意识到这只是一个'命中和希望'！
使用在线HTML和CSS差异检查器确保创建的所有代码与上传的代码完全相同，这些与任何HTML或CSS文件没有区别

我可以考虑接下来尝试的任何想法吗？我将附上以下相关代码：

HTML

<!-- Footer -->
    <span align="right">
        <ul class="footer">
            <li id="copyright-left">SS Web Designs 2017 All rights reserved.</li>
            <li id="copyright-right"><a href="privacy-policy.html">Privacy Policy</a> | <a href="disclaimer.html">Disclaimer</a> | <a href="termsandconditions.html">Terms &amp; Conditions</a></li>
        </ul>
    </span>

CSS

/* Footer */

ul.footer {
    cursor: default;
    list-style: none;
    padding-left: 0;
    font-size: 0.9em;
    margin-bottom: -3em;
}

ul.footer a {
    color: inherit;
}

    ul.footer li {
        display: inline-block;
        padding: 0 1em 0 0;
        vertical-align: middle;
    }

        ul.footer li:last-child {
            padding-right: 0;
        }

            #copyright-left {
                float: left;
            } 

            #copyright-right {
                float: inherit;
            }

即使我的JSFiddle似乎也没问题。

https://jsfiddle.net/cyum4cw9/

... Hmmmmmmmm

感谢所有人的集体智慧！

Answer 1

CSS可能会在您的浏览器或服务器端缓存。尝试按CTRL + SHFT + DEL清除浏览器中的缓存。

编辑：如果https://i.stack.imgur.com/PozxO.png处的图片是您想要的结果，那么这就是您的网页在我的浏览器上的显示方式。

为什么这个CSS不能在实时应用？

1 个答案: