在Chrome开发者工具中添加新的CSS类

23

在Chrome开发工具中,是否可以像这样添加一个全新的CSS类?

.myclass {
    background-color: yellow;
}

1
点击 .cls 并添加您的类名。 - kumbhani bhavesh
2
@kumbhanibhavesh 这不仅仅是一种回答而不是评论的尝试,而且这是对那个问题的错误回答。这只是将一个类添加到检查的元素中,而不能让你在 CSS 中创建一个全新的类。 - Laurent S.
1个回答

36

Elements 选项卡中,有一个 styles 选项卡,在右侧有一个小的加号按钮。

新样式规则

当你点击这里时,你可以添加一个全新的 CSS 类。

输入图像描述

一旦你定义了新的类,请参阅 将类添加到元素中,以学习如何将其应用到元素上。你也可以在 Elements 面板上的 DOM Tree 中双击元素,以添加或编辑元素的 class 属性。


如何添加一个在页面刷新时不会消失的类? - foobar
你可以使用 Chrome 扩展程序,例如 User JavaScript and CSS:https://chrome.google.com/webstore/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld?hl=en - Tom Van Rompaey

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接