html - 样式表中的 css 不适用于我的 id 和 class 标签

Question

我正在尝试为我的网站创建一个全局样式表。

它一直运行良好，直到达到 1471 线。现在，一些 id 和 class 标签已设置样式并且可以正常工作，而其他标签则没有。

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

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

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

任何帮助深表感谢。

Answer 1

检查您在第 1471 行是否有任何语法错误。如果您需要准确的答案，请提供相关代码或链接。

Answer 2

相当开放式的问题。我建议验证您的 html和您的css。听起来您可能在其中一个中有语法错误。

Answer 3

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

假设你已经这样做了，当你试图在外部设置一些已经在更接近元素的级别设置样式的东西时，通常会发生这种事情。基本上，优先顺序是这样的：

1. 内联样式
2. 在 html 视图中阻止 css
3. 外部样式表

例如，假设你有这个：

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

然后在你的外部样式表中你有：

#test {
position:relative;
}

内联样式将获得优先权，因为它在链条上更高。

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

例如，这个：

.testclass #test {
position:absolute;
}

将优先于此：

.testclass {
position: relative;
}

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