是否可以使用 Chrome 开发工具检测类的 CSS 规则更改?

问题描述 投票:0回答:1

我在页面上包含了一个样式表,然后使用 Chrome 中的“样式”面板对其进行调整。使用开发工具时,是否可以(通过扩展)收到有关样式表中样式的此类就地编辑的通知?我知道如何对单个元素的样式执行此操作,但我不是在编辑样式,而是在样式表本身中编辑类规则。

html css google-chrome-devtools
1个回答
0
投票

是的!

向元素添加 CSS 类 使用“样式”窗格查看将 CSS 类应用于元素或从元素中删除时元素的外观。

右键单击向我添加课程!下面的元素并选择检查。

给我添加一个班级! 单击.cls。 DevTools 显示一个文本框,您可以在其中向所选元素添加类。

在添加新类文本框中键入 color_me,然后按 Enter。添加新班级文本框下方会出现一个复选框,您可以在其中打开和关闭班级。如果给我加个班!元素应用了任何其他类,您也可以从此处切换它们。

参考这个: https://developer.chrome.com/docs/devtools/css/

© www.soinside.com 2019 - 2024. All rights reserved.