如何在chrome中启用实时CSS编辑？

我在很多视频中看到开发者在chrome中动态地改变CSS。我尝试了同样的方法，但chrome不允许我更改代码。我不能在样式表上写字

是否有任何特定的设置来执行此操作？请帮忙

编辑：要编辑CSS，我右键单击一个元素，选择inspect元素。它将打开控制台。我选择元素的id并转到参考资料中的style.css并尝试更改css。它不允许我在那里写东西。

这里有一个很棒的Google Chrome工具，叫做Stylebot

在这里，您可以更改样式表，并将您自己的样式保存到任何网站，用于自定义网站主题

这是你的链接

看看它，把糖霜放在蛋糕上，它是免费的

---

这不应该用于您自己的网站项目，因为CSS文件保存在您的浏览器本地

你做错了。。。资源面板不用于实时编辑，如果您想更改与HTML元素关联的css，请右键单击该元素，然后在右侧面板中，您将看到与所选元素关联的css样式。您可以编辑这些规则，您将实时看到更改

也许你可以通过检查了解一些关于Chrome开发者工具的基本知识，然后如果你想了解更多，你可以检查以下问题：

---

另一个类似于Stylebot的Chrome扩展是。它有一个允许选择元素的检查器和一个不需要手动键入CSS的可视化编辑器。要查看生成的CSS代码，请单击工具栏中的花括号图标

---

在Chrome中，在DevTools的元素选项卡的样式窗格中单击类似于all.css:1的内容，就会转到DevTools的源选项卡。如果您正在查看远程服务器上的代码，则此源代码视图中的CSS规则与Firefox*的实时编辑样式编辑器选项卡不同，不可实时编辑，除非您：

查看inspector样式表-一个临时样式表，其中包含使用“元素”选项卡的“样式”窗格中的“+”按钮创建的新样式规则。单击新规则的Inputor样式表：1链接将带您到已创建的临时规则的可编辑源

查看持久本地工作区。设置此设置需要一些额外的步骤，如下所述：。 基本上，你可以在你的机器上创建一个本地文件夹，在那里你可以保存本地副本，你可以直接让Chrome使用这些副本来代替互联网上的版本。请参阅该链接上的说明。请注意，正如上面所说，如果您从远程服务器而不是本地服务器映射文件，当您刷新页面时，Chrome会从远程服务器重新加载页面。如果继续在工作区中编辑，您所做的更改仍将保留在磁盘上并重新应用。因此，只要在源本地CSS文件中键入一个空格字符，就可以看到您的更改再次被应用，如果您已经刷新或导航到使用相同样式表的不同页面

---

*在Firefox中，如果您右键单击远程网页上的某个元素，选择Inspect元素，然后在Inspector选项卡的规则窗格中，像all一样单击右侧的链接。css:1，您将进入一个样式编辑器选项卡，可以立即进行实时编辑，而Chrome则要求您映射到本地文件。如果一些人希望Chrome的开发工具也有相同的行为，这可能会导致一些混乱。

你不能在Chrome的“检查元素>样式”中执行此操作吗？点击“f12”打开控制台。您需要先选择元素来编辑每个样式。@bobby:我正在尝试，无法编辑样式。CSI编辑了问题，请检查。没问题！祝你的项目好运！