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

时间:2017-11-18 00:30:22

标签: html css

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

Live Website View

Dreamweaver 'Preview in Chrome' View

到目前为止,我已经尝试过:

  1. 更新public.html文件和FZ中的其他文件
  2. 关闭FZ,重新连接并重置FZ以完全更新CSS文件
  3. 等待半个小时只是因为传输的较大的main.css文件有一些延迟(我意识到这只是一个'命中和希望'!
  4. 使用在线HTML和CSS差异检查器确保创建的所有代码与上传的代码完全相同,这些与任何HTML或CSS文件没有区别
  5. 我可以考虑接下来尝试的任何想法吗?我将附上以下相关代码:

    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

    感谢所有人的集体智慧!

1 个答案:

答案 0 :(得分:1)

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

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