HTML元素有选择地采用样式表中的规则

时间:2013-07-02 03:45:13

标签: html css netbeans stylesheet

我有一个我一直在构建的样式表大约有100个规则,总共有大约500个声明。当我添加另一个规则时,它不会应用 - 如果我在测试页面时打开Chrome中的开发人员工具,则该元素没有列出任何样式。到目前为止,所有其他规则都可以正常工作,样式表中没有明显的语法错误。

说到这一点,我使用的NetBeans没有显示任何错误迹象,并且发现规则正常。为了避免拼写错误的可能性,我让NetBeans找到规则并自动填充它。

对限制的研究表明我完全在任何限制的范围内,但我创建了一个新的样式表来测试。我添加了一个规则,其中包含我之前尝试过的所有必要声明,并且新样式表工作正常。这与原始样式表一起。但是,如果我添加另一个规则,它将无法正常工作。只有我添加的原始规则才有效,任何其他附加规则都不起作用,包括我完全删除原规则。

我创建的任何内联样式都可以正常工作,对以前规则的任何修改都会生效。我不知道从哪里开始,因为问题似乎没有发生任何形式的一致性。有人有什么建议吗?


修改

我做了一个有趣的发现。我导入CSS的方式同样适用于所有页面:

<link rel="stylesheet" type="text/css" href="./primary.css">

我尝试了@import同样的故障结果。 但是,如果我通过PHP包含该文件,则所有规则都按预期工作:

<?php require_once('./primary.css'); ?>

这有什么可能的解释吗?主要区别在于,现在所有规则都在页面上而不是文件中,这意味着问题在于如何处理文件。


编辑2

根据FelipeAls的建议,我开始批量评论大部分代码以找到问题区域。当其他人被评论出来时,新规则有效; 然而,因为我慢慢重新引入代码,没有这样的问题区域,一旦所有代码都可用,问题就不再存在了。这让我相信某个地方可能存在流氓评论,可能出现空白错误或行返回。无论哪种方式,代码都可以再次运行。

1 个答案:

答案 0 :(得分:0)

  1. validate吗? (或者每个&#34;错误&#34; /警告对你有意义吗?)
  2. HTML代码相同,以防万一
  3. 如果在样式表的末尾添加body { background-color: pink !important }之类的测试规则,该怎么办?现在靠近样式表的开头
  4. 更改页面中的一些文字。你能看到修改还是有代理?
  5. 删除CSS规则的后半部分。您现在可以在剩余的上半年之前和之前添加新规则,看看它们的效果吗?没有?然后删除规则的前半部分并重复测试。重复一半的等等,直到有效的方式(二分法)
  6. 将样式表重命名为cacheorproxyfromhell.css?v=130702-0634,并尝试使用此样式设置样式。您的开发工具(Firebug等)是否显示加载了不同的CSS?现在修改是否有效?
  7. 我曾经忘记了对)的结束url(并且它使所有规则(几十行CSS)无效,直到下一个结束) ...我花了一些时间来在我修改这个部分的过程中搞清楚了! 编辑:限制?不。 IE8可以达到31个样式表和约。 8192规则,但现在不要打扰