css - 在 Firefox 开发者工具中自动将 CSS "longhand"转换为 "shorthand"

Question

在 Firebug 中，CSS 会自动从普通格式转换为速记格式。

例子:

div {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;

}

然后会被 Firebug 转换成:

div {
    padding: 10px 0;
}

但是，现在当我使用 Firefox Developer Tools 时，没有自动 CSS 简写转换。

是否有可能让新的 Firefox 开发者工具自动将普通 CSS 转换为速记 CSS(就像 Firebug 所做的那样)？

Answer 1

不，这不可能。 Firefox Developer Tools 完全按照样式表中每个规则中声明的方式显示属性；从这个意义上说，它不显示属性本身，它显示声明。

如果规则有一个 padding 速记声明，检查器会反射(reflect)该速记(并允许您将该速记扩展为它的速记，以便您可以单独操作它们)。如果规则有两个用于 padding 的普通声明，则检查器仅反射(reflect)这两个普通声明。

这是设计使然，可以防止为简洁起见自动将普通代码重写为速记代码而造成的困惑(即 padding-top: 10px; padding-bottom: 10px 不等同于padding: 10px 0)。