safari - 您如何在 Safari Web Inspector 中应用样式规则？

Question

Chrome 开发人员工具允许您在“样式” Pane 中应用样式规则。我还没有找到在 Safari(样式规则 Pane )中执行此操作的方法。有谁知道这是否可能？

另外，Safari 有没有像 Chrome 那样的标尺？

Answer 1

OS X 上的 Safari 8.0.8

右键单击任何元素并从弹出菜单中选择检查元素

确保在检查器的右侧选择了样式和规则

然后，您可以通过单击 + 新建规则来添加单个规则，或者只需单击并开始在出现“单击以编辑”的位置键入规则(请参阅下图)

输入您的新规则，这些规则将应用于浏览器窗口中正在“检查”的元素。

至于统治者？好吧，我还没有找到，但是当鼠标悬停在浏览器窗口中时，Inspect 按钮会给你元素的尺寸。