时间戳

首页 > 解决方案 > Django-VSCode-从静态文件加载的css“粘住”并且不响应编辑

html - Django-VSCode-从静态文件加载的css“粘住”并且不响应编辑

问题描述

好吧，这对我来说是一个令人头疼的问题。我在 style.css 静态文件中创建了一个类：

.not-visible {
    display:none;
    margin-top: 10px !important 
}

然后我将这个类应用于一个按钮，按钮消失

<div id = "btn-box" class = "not-visible">
            <button type = "submit" class = "ui primary `button">save</button>`
        </div>

然后我编辑我的静态 css 文件以删除 display:none 属性以查看按钮是否再次可见。

    .not-visible {
           margin-top: 10px !important 
}

执行此操作、保存 css 文件、重新加载服务器并重新启动我的 Web 浏览器后，即使我删除了该属性，该按钮仍然不可见。当我删除按钮 div 中的不可见类时，按钮变为可见增益。

如果我重复这个练习，除了我将 css 直接编码到 html 文件中，当我添加然后删除 display:none 属性时，按钮会消失并按预期重新出现。所以我的问题是，如何保存对静态 css 文件的更改不适用于我的 html 文件？

标签： htmlcssdjangovisual-studio-code

解决方案

只需添加分号; 并尝试删除!important 如下：

.not-visible {
    margin-top: 10px;
}

推荐阅读