我一直喜欢webkit检查器的一件事是你可以点击任何选择器并开始添加样式并观看它们的实时显示.

我通常在Chrome中进行所有调试,但是需要使用iPhone模拟器调试我注意到Safari 7的Web检查器不像以前那样.

问题是我似乎无法点击选择器来添加/编辑样式(就像你可以在web检查器中为所有其他浏览器…甚至IE浏览器).

我错过了什么吗？我无法通过搜索找到答案,而我发现的最接近的是：How do you apply style rule in Safari Web Inspector?

以下是我在Chrome中执行的操作的屏幕截图：

这里是Safari 7：

最佳答案 我使用的是Safari 7.0.4版(9537.76.4).我相信这是最新版本.

我在添加样式规则时使用个人屏幕截图更好地演示了它：

这是字体颜色最初的样子：#494949

对于这个例子,我开始取消检查最初的CSS样式颜色：#494949

我在分号后点击或者;在背景之后：#FFF;并按下进入.它让我换上了一条新线,如下图所示.

我输入了颜色：#FFF;它会自动将其应用到网页上. (您也可以在完成样式规则编写后按Enter键.)

结果如下：

或者您也可以单击下面显示的新规则按钮:)