Html Can'；t在chorme开发工具中双击以编辑CSS样式

我正在用chrome从新闻站点学习CSS，但是当我用开发工具检查元素时，我发现它是不可编辑的

这是网站：

---

它在开发工具中显示类

css-mcm29f

是可编辑的，但我不能用双击来编辑它，有什么技巧可以实现这一点吗？

您不需要双击。只需在以下CSS选择器的右侧单击一次

element.style = { // click here only once and add your CSS properties to see the behaviour. 
}

---

再次单击两次可将其设置回默认状态。

无需双击。只需在以下CSS选择器的右侧单击一次

element.style = { // click here only once and add your CSS properties to see the behaviour. 
}

---

再次单击两次会将其设置回默认状态。

单击

element.style{}

它可以工作，但我想知道为什么“css-mcm29f”类是不可编辑的，因为它们是由Javascript生成的样式，由开发工具设置为只读。你不能编辑它们。查看类名

.css-mcm29f

该

mcm29f

似乎是由库生成的唯一id谢谢，您知道如何通过Javascript将样式设置为只读吗？：）单击

element.style{}

它可以工作，但我想知道为什么“css-mcm29f”类是不可编辑的，因为它们是由Javascript生成的样式，并且由开发工具设置为只读。你不能编辑它们。查看类名

.css-mcm29f

该

mcm29f

似乎是由库生成的唯一id谢谢，您知道如何通过Javascript将样式设置为只读吗？：）谢谢，双击是错误的操作，但是我想知道更多关于“css-mcm29f”类的信息，为什么它不可编辑？谢谢，双击是错误的操作，但是我想知道更多关于“css-mcm29f”类的信息，为什么它不可编辑？