css - 查看 CSS 特异性的工具

标签 css css-specificity

有谁知道是否有某种工具可以根据 CSS 特异性查看/选择最佳 CSS 选择器以定位特定的 div?

我知道什么具有更高的特异性,但有时在处理其他人的元素时,他们在 CSS 中有深度嵌套的选择器,很难找到一种方法来覆盖这些东西。

我知道在 Google chrome 开发工具/firebug 中,当查看页面源代码时它会在底部显示很多信息,这是应该用于此的东西还是有其他方法?

最佳答案

由于使用非常广泛,没有人推荐,fabianhjr 推荐我推荐,我要推荐Firebug对于火狐。它类似于 Chrome 的检查器,允许您查看赋予元素的 CSS 以及任何覆盖的属性:

enter image description here

关于css - 查看 CSS 特异性的工具,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8630801/

相关文章:

javascript - 使用 JavaScript 追加和选择多个 div

css - 如何查看浏览器计算的CSS特异性?

css - 为什么没有应用 .active 的颜色属性?

css - 如何在日单元格中绘制可变背景?

CSS 特异性 : [parent ID] [descendant combinator (space)] [my class] more specific than [my ID]?

php - 按 CSS 特性排序

html - 如何使具有相同特性的 css 选择器按照 HTML 标签的 parent 身份顺序应用?

html - Joomla Purity III 模板页脚 block 在移动设备上对齐

javascript - 创建一个相对于某个div具有绝对位置的div

html - CSS:图像不以显示为中心: block 边距:0 自动?