系统地解决css中冲突的样式

Fra*_*aft 10 css conflict resolve

我的网络项目中有一些来自不同来源的样式表.我想要和谐他们.我需要一些样式,一些来自另一个.是否有工具或方法如何系统地解决风格冲突?我尝试过IE8开发人员工具,是的,可以查看每个元素级别的冲突.但是我有很多元素,所以如果我逐个元素地做,我认为这需要太长时间.从理论上讲,可能有一个工具在设计时显示两个css文件的冲突?!?我想这会为我节省很多时间.

Dav*_*ell 7

你试过这个Firefox扩展吗?https://addons.mozilla.org/en-US/firefox/addon/5392它使删除冗余样式变得更加容易.

否则,我可能会将所有样式弹出到一个文件中,尝试将类似规则组合在一起,然后使用Dust-Me删除未使用的样式.


Fen*_*ton 5

CSS没有冲突,它有级联.我们的想法是,您可以定义适用于相同元素的多个规则,并且您放置样式的顺序反映了一个重要性 - 即如果它出现在最后,它将覆盖先前的规则,其中有一些您描述为冲突的规则.

你要么......

1)确定哪个样式表是最重要的,并将其放在第二位

要么

2)重新编写样式以避免混乱

要么

3)将重要规则标记为!重要

  • 因为您认为人们不可信任了解此功能?你想保密吗?虽然不鼓励使用`!IMPORTANT`因为它与级联规则的概念相冲突,但我们讨论的是尝试将来自多个来源的许多规则汇集在一起​​的特定背景和`!IMPORTANT'绝对是您需要考虑的工具.情况. (9认同)
  • -1提到`!重要提示':P (3认同)
  • 可以这么说,使用 !important 通常只会在地毯下隐藏一团乱麻,而你最终会得到更多的乱七八糟的东西,以后将不再适合地毯下,也就是问为什么 css 没有 !veryimportant... (2认同)