时间戳

首页 > 解决方案 > css 错误是否记录在任何地方？

css - css 错误是否记录在任何地方？

问题描述

我知道如果某个样式被覆盖，那么它会在 Google Chrome 工具中被删除，然后您可以转到“计算”选项卡查看哪个元素覆盖了样式。

假设我有一些这样的 CSS：

.myClass
{
    position:static;
    top: 20px;
}

这显然是错误的，因为 top 属性不适用于静态位置。当我在谷歌浏览器中加载网页并按 F12 时；该样式出现在样式选项卡下，就好像它已应用于网页一样，我觉得这有点令人困惑。

Google Chrome（或任何其他浏览器/工具）是否告诉您错误是什么，例如“无法将顶部应用于静态应用的元素”（就像您在代码中出现错误时进入 Visual Studio 一样，例如 NullPointerException）。

标签： css

解决方案

CSS 类是一组适用于页面上任何元素的规则，这些规则也可以在页面的生存期内发生变化。正如 Dais 评论中提到的，属性是继承和级联的。

没有可靠的方法来验证一组 CSS 规则，因为它们都相互影响并且即将发生变化。特别是如果您在 IDE 中要求使用 NullPointerException 提示等功能，这将不起作用，因为 CSS 类是可组合的并且是 JIT 编译的。IDE 无法事先知道在特定应用程序时间状态下，哪个类与分配给与 DOM 树有关的哪些元素的其他类组合在一起。

推荐阅读