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

Posted 2023-03-07

【中文标题】在 Chrome 开发者工具中添加一个新的 CSS 类

【英文标题】：Add a new CSS class in Chrome developer tool

【发布时间】：2018-01-05 06:18:20

【问题描述】：

是否可以在 Chrome 开发工具中添加这样的全新 CSS 类？

.myclass 
    background-color: yellow;

【问题讨论】：

点击.cls并添加你的班级名称

@kumbhanibhavesh 不仅是试图回答而不是评论，而且这是对该问题的错误答案。这只是将一个类添加到被检查的元素中，并且不允许您在 CSS 中创建一个全新的类..

【参考方案1】：

在Elements 标签上有一个styles 标签，右侧包含一个小+ 按钮。

单击此处时，您可以添加一个全新的 CSS 类。

定义新类后，请参阅Add a class to an element 了解如何将其应用于元素。您也可以在 Elements 面板上双击 DOM 树 中的元素来添加或编辑元素的 class 属性。

【讨论】：

如何添加在页面刷新时不会淡出的类

您可以使用 Chrome 扩展程序，例如 User javascript 和 CSS：chrome.google.com/webstore/detail/user-javascript-and-css/…