系统地解决css中的冲突样式
我的web项目中有一些来自不同来源的样式表。我想把它们协调起来。 我需要一种款式，另一种款式。 是否有一种工具或方法可以系统地解决风格冲突？ 我尝试了IE8开发工具，是的，可以在每个元素的级别查看冲突。 但是我有很多元素，所以如果我一个元素一个元素地做，我认为这需要太长时间。系统地解决css中的冲突样式,css,conflict,resolve,Css,Conflict,Resolve,我的web项目中有一些来自不同来源的样式表。我想把它们协调起来。 我需要一种款式，另一种款式。 是否有一种工具或方法可以系统地解决风格冲突？ 我尝试了IE8开发工具，是的，可以在每个元素的级别查看冲突。 但是我有很多元素，所以如果我一个元素一个元素地做，我认为这需要太长时间。 理论上，有一个工具可以在设计时显示两个css文件的冲突？！？我想这会节省我很多时间。CSS没有冲突，它有级联。其思想是，您可以定义应用于相同元素的多个规则，并且放置样式的顺序反映了重要性，即，如果样式最后出现，它将覆盖您描
理论上，有一个工具可以在设计时显示两个css文件的冲突？！？我想这会节省我很多时间。CSS没有冲突，它有级联。其思想是，您可以定义应用于相同元素的多个规则，并且放置样式的顺序反映了重要性，即，如果样式最后出现，它将覆盖您描述为冲突的先前规则 你要么 1） 决定哪个样式表是最重要的，并把它放在第二位 或 2） 重新书写你的风格以避免混乱 或
3） 将重要规则标记为！重要信息您尝试过这个Firefox扩展吗？防尘选择器使删除冗余样式变得更加容易
否则，我可能会将所有样式放在一个文件中，尝试将相似的规则组合在一起，然后使用Dust Me删除未使用的规则。如果您在FireFox中查看站点，并使用Firebug扩展，那么您可以查看呈现页面中的每个元素，并使用FireFox中的“CSS”选项卡，您可以看到应用于该元素的样式规则的级联，以及每个CSS源文件的来源。它还将向您显示哪些规则被覆盖 这有助于确定每个特定规则的来源和被覆盖的内容
您仍然有“合理化”样式表的任务，可能还有其他工具可以帮助您实现这一点。我编写了一个快速脚本，有助于检测来自多个来源的CSS规则的重叠：
在编写时，它只适用于URL引用的样式表，但可以很容易地适应于处理内联样式表。它使用两个正则表达式将样式表分为两组，然后扫描页面中的每个DOM节点，查找两组样式表中的某些规则是否匹配。。还有IE8开发工具。该链接不再工作。您所指的附加组件的名称是什么？因为您认为人们不可信知道此功能？你想保密吗？使用
时！重要提示！重要的绝对是你在这种情况下需要考虑的一个工具。重要的是，可以说，通常只是在地毯下隐藏了一团乱麻，而你最终会得到更多的乱麻，这些乱麻稍后将不再适合地毯下，也就是说，你会问为什么css没有一个！非常重要。。。