css - 区分两个 CSS 元素的工具

标签 css

我有两个显示略有不同的 div,我查看了它们的每个 CSS 属性,它们看起来是一样的,但我想知道我是否忽略了什么。

是否有一种工具可以基本上区分两个不同元素的 CSS?

最好集成到浏览器中。

编辑

我使用了 Chrome 内置的开发工具并浏览了计算样式区域并手动比较了每个属性(IE div.A font-weight:normal; div.B font-weight:normal 等...)

我正在寻找一种工具,它本质上是“选择元素 A 和 B”,并会列出差异列表。比如 Winmerge 比较或类似的东西。

最佳答案

有人问过类似的问题here因此,我创建了一个脚本来比较 Chrome 中的两个元素(您可以在链接的答案中找到它)。此外,基于上述脚本,我创建了一个方便的 Chrome DevTools 扩展 "CSS Diff" .

CSS Diff in action

关于css - 区分两个 CSS 元素的工具,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6912815/

相关文章:

css - iOS 上 HTML 中的水平下拉刷新

html - 列出导航栏问题(颜色、功能)

html - 我想让一个 css 样式无效,但不想将该样式设置为任何值

html - 超链接输入图像

html - 使用文本溢出 : ellipsis with flexbox

html - li 和父 div 大小不匹配

css - 自动换行 : break-word working in Vaadin

javascript - 打开内容时如何使按钮不掉落?

php - Bootstrap : adding img-responsive class to thumbnail

html - 使用 CSS 类的动画