gpt4 book ai didi

css - 在 Chrome Dev Tools 中看到确切的 CSS 特性?

转载 作者:技术小花猫 更新时间:2023-10-29 11:03:07 26 4
gpt4 key购买 nike

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

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

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

enter image description here

最佳答案

Chrome 开发工具根据类的特殊性从上到下对类进行排序。

检查一下:

enter image description here

检查一个元素(在本例中为 svg)并输入要查看其特异性的 css 属性(在本例中为“height”)。

最高的永远在最前面!

关于css - 在 Chrome Dev Tools 中看到确切的 CSS 特性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50760105/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com