如何在 Chrome 中启用实时 CSS 编辑?

nar*_*tra 5 css google-chrome edit stylesheet

我看过很多视频,其中开发人员正在 Chrome 中动态更改 CSS。我尝试了同样的事情,但 Chrome 不允许我更改代码。我不能在样式表上写。

有什么具体设置可以做到这一点吗?请帮忙。

编辑:要编辑 CSS,我右键单击一个元素,选择检查元素。它将打开控制台。我选择元素的 id 并转到资源中的 style.css 并尝试更改 CSS。它不允许我在那里写作。

Tom*_*duy 3

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

也许你可以看一些视频来了解一些关于 Chrome 开发者工具的基础知识,之后如果你想了解更多,你可以看这个问题:

Chrome 开发者工具:学习高级功能的最佳资源?