Html 样式表中的css对我的id和类标记无效

我正在尝试为我的站点创建全局样式表

它一直运转良好，直到达到1471线。现在，一些id和类标记已设置样式并工作，而另一些则不工作

当我从工作表中取出一堆样式时，那些不起作用的样式就开始起作用了

我不知道为什么会这样，也不知道如何解决

我不希望为按钮和工具提示等不同功能创建单独的样式表

---

非常感谢您的帮助。

检查第1471行是否有语法错误。如果您想获得准确答案，请提供相关代码或链接。

非常开放的问题。我会建议你和你的朋友。听起来其中一个可能有语法错误。

首先，确保检查CSS中的语法错误

假设您已经这样做了，通常当您尝试在更接近元素的级别上对外部已被样式化的内容进行样式化时，会发生这种情况。基本上，优先顺序如下：

内联样式 在html视图中阻止css 外部样式表 例如，假设您有：

<div id="test" class="testclass" style="position:absolute;"></div>

内嵌样式将获得优先权，因为它位于链的更高位置

专一性也是如此。规则越具体，其优先级越高

例如，这：

.testclass #test {
position:absolute;
}

将优先于此：

.testclass {
position: relative;
}

---

因为它更具体。因此，请记住这些事情，而且显然也要记住，每个视图都必须指定要查找的样式表，并查看这是否解决了您的问题。

我强烈建议拆分该样式表，只是为了您的理智。当你想找到要编辑的内容时，为什么要这样做呢？请在样式表和HTML中提供相关部分的副本。如果您的站点是实时的，那么链接也会很有帮助。请尝试使用其他类名。这可能是名称冲突。使用任何类型的控制台，如Chrome中的原生控制台或Firefox中的Firebug，您都可以很容易地看到哪些样式会影响DOM的每个部分。它们还显示行号。这是一个很好的开始了解哪里出了问题的地方。非常感谢菲利普的帮助！

.testclass {
position: relative;
}