【问题标题】:Add a new CSS class in Chrome developer tool在 Chrome 开发者工具中添加一个新的 CSS 类
【发布时间】:2018-01-05 06:18:20
【问题描述】:

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

.myclass {
    background-color: yellow;
}

【问题讨论】:

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

标签: css google-chrome google-chrome-devtools


【解决方案1】:

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

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

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

【讨论】:

猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-12-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-07-30
  • 2023-03-29
相关资源
最近更新 更多