看到Chrome开发工具中确切的CSS特定性吗?

use*_*776 9 css google-chrome-devtools

我知道在Chrome开发工具中,对于选定的HTML元素,适用的CSS选择器会按照“样式”标签中的特定顺序进行监听。

但是是否有可能看到所选元素上每个规则的确切确切CSS特异性值?

编辑:一个答案说,我可以在计算选项卡中看到CSS特异性值,但在那里看不到它。请参见下面的屏幕截图。也许我需要澄清一下,当我要求查看CSS特定性值时,我正在寻找一个数字,例如类选择器为0010或元素选择器为0001。

在此处输入图片说明

Car*_*ers 5

Chrome开发人员工具按从上到下的顺序对类进行分类。

看一下这个:

在此处输入图片说明

检查一个元素(在本例中为svg),然后键入要查看其特异性的css属性(本例为“高度”)。

最高永远在最上面!

  • 这不会直接在 Chrome 工具中显示特异性值 - 或者我遗漏了什么? (17认同)
  • 例如,我没有看到格式为 0-0-1 的特异性值。最初的问题是“是否可以看到所选元素上每个规则的确切 CSS 特异性值?” (3认同)