1

Developer Tools在Chrome中使用检查元素时，我们可以通过简单地取消选中来禁用样式属性。

一旦我取消选中该框（比方说border: 1px solid），边框将消失，并且编辑器中的样式属性将出现一个删除线，但只要我单击“源”选项卡以将更改保存在编辑器之外，未选中的样式就会返回。当转到“源”选项卡以保存更改时，我只注意到一次，未选中的样式被注释掉，允许我保存更改而无需手动删除代码。

有谁知道如何保存未选中（删除）的样式？

更新：

好吧，我已经想通了。这是一个例子：

这是在 DevTools 编辑器中；

#content .text {
    display: block;
    font-weight: 700;
    margin: 0 0 8px;
}

如果您取消选中这些样式中的任何一个，它们会立即在您的浏览器中生效，然后您点击源选项卡，样式仍然存在于样式表中：

#content .text {
    display: block;
    font-weight: 700;
    margin: 0 0 8px;
}

但是，如果您对其他属性之一进行编辑，比如说，将边距更改为 7px，同时取消选中字体粗细，这就是您得到的：

#content .text {
    display: block;
    /* font-weight: 700; */
    margin: 0 0 7px;
}

最后，未选中的样式在源选项卡中被注释掉，允许我保存删除的样式。我希望这可以工作而不必进行额外的编辑，但现在必须这样做。

4

1 回答 1

0

我对未经检查的样式有同样的问题。我找到了一种更简单的方法来保存未选中的样式。只需取消选中样式，将另一个临时样式添加到您的规则中，然后删除临时样式。Chrome 将记录更改，您将能够使用“源”选项卡中的“另存为...”功能保存未选中（注释掉）的样式。

这并不理想，但它为您省去了取消选中和修改样式、执行“另存为...”然后返回并将修改后的样式更改回原来的方式的麻烦。

我一定会在 Chrome 支持论坛中提出这个问题。

于 2013-08-30T21:45:17.843 回答