Html 外部CSS的某些部分未加载

我有一些定义了这个类的外部CSS文件

.abilityButton { 
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: black;
    visibility: hidden;
    cursor: pointer;
    margin: auto;
    float: left;
    z-index: 10;
}

然后，我在主文件中定义了相同的类，并带有一些属性，我需要通过php动态定义这些属性。看起来像这样：

.abilityButton { 
    width: ".(($inner_cell_space/4) * 0.92)."px;
    height: ".(($inner_cell_space/4) * 0.92)."px;
    border-top: solid ".(($inner_cell_space/4) * 0.04)."px lightgrey;
    border-left: solid ".(($inner_cell_space/4) * 0.04)."px lightgrey;
    border-bottom: solid ".(($inner_cell_space/4) * 0.04)."px darkgrey;
    border-right: solid ".(($inner_cell_space/4) * 0.04)."px darkgrey;
}

我的问题是在外部文件中，只有这3个后台属性可以工作。其他的简单地消失了，没有显示在浏览器开发工具中。它们显然也没有被应用，我不理解这个问题

我确信没有任何东西可以直接覆盖它们，所以我不知道如何解释这种行为

我需要解释的是，为什么外部文件中的属性被划分，以及如何防止它

编辑1

MS Edge正确呈现页面。所以问题可能是我自己的铬。 ctrl+shift+r组合键不起作用。

---

检查元素结果：Chrome现在说源CSS确实包含属性（但没有应用）

需要记住的一点是样式表是级联的。它们可能在其他地方被覆盖

您应该在浏览器中使用“元素检查器”以具有样式的元素为目标，并向下滚动侧栏以查看它们是否正在应用，但是否正在被其他内容覆盖

---

有时候，解决这个问题的方法只是在CSS中更加具体。

因为CSS规则没有显示在inspector中，可能是缓存，或者是编辑了错误的文件/在进行更改后没有上载文件

---

您是否尝试过使用ctrl+shift+r或cmd+shift+r进行硬刷新？浏览器可能会缓存外部css文件。也许我说的是显而易见的，但这种情况发生在我身上的次数比我想承认的要多。

你能上传并共享你当前代码的URL吗。这在所有浏览器中都会发生吗？好的，我发现，在MS Edge中它工作正常。我已经尝试过这种硬刷新。没有帮助。我还确保加载了正确的文件。无论如何，没有其他外部文件。还有另一个类，它加载良好，但它只有一个属性（背景色）。好的，我再次尝试了硬刷新，它开始工作。我不知道发生了什么变化。我希望它从现在起保持正常运行：看起来这确实是缓存问题，但有一种奇怪的情况……是的，这种情况一直发生在我身上。如果您在某家公司托管的服务器上工作，他们可能启用了服务器端缓存。很高兴我能帮忙！你的缓存理论可能是对的。这里的问题是硬刷新没有清除缓存的CSS文件。我必须在设置中手动删除所有缓存的文件和图片。然后一切顺利。谢谢你的建议。我使用了chrome中的inspector，但它不会显示样式，即使它们被覆盖，它通常也不会显示样式。它们以一行显示和取消，几乎不透明。