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

Question

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

.myclass {
    background-color: yellow;
}

Answer 1

在 Elements 选项卡上有一个 styles 选项卡，它在右侧包含一个小的 + 按钮。

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

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