Css webtools中无法编辑的样式定义

来自我的应用程序的一些样式定义（作为渲染的SCS）在Chrome Webtools中显示为灰显的（不划掉，这不是我的意思），并标记为

，而不是文件名

而且，我不能动态编辑这些定义。我想动态编辑这些样式定义，就像我通常可以编辑其他样式定义一样。我该怎么办

具有可编辑和不可编辑但灰显的样式定义的示例：

---

灰显的可以具有继承值，或者默认情况下从父级设置。要编辑或修改它们，只需为同一特性添加一行新样式

（添加要替代的相同填充属性）

---

编辑：我的错，我以为你指的是被划掉的。

灰显的可能有一个继承值，或者默认情况下从父项设置。要编辑或修改它们，只需为同一特性添加一行新样式

（添加要替代的相同填充属性）

编辑：我的错，我以为你指的是划掉的。

灰色框 我们需要考虑这个问题是指这里讨论的同一个错误：

当css规则来自html中的样式标记时，就会出现此问题

灰色特定规则 在Google Chrome web工具中，当您查看

元素->样式时，您的注意力集中在某个元素上

灰色规则是父级规则，不是继承的（根据CSS规则），因此不会影响元素的实际CSS属性。由于这个原因，您不能在关注特定元素时编辑它们

如果确实要编辑该特定元素的css，可以使用element.style。如果您想更改灰色的css属性，请找到该HTML元素并关注它。然后您可以编辑规则

在右上角可以看到，因为css规则的源位于html文件的样式标记中，而不是外部css文件。
灰色框
我们需要考虑这个问题是指这里讨论的同一个错误：

当css规则来自html中的样式标记时，就会出现此问题

灰色特定规则
在Google Chrome web工具中，当您查看
元素->样式时，您的注意力集中在某个元素上

灰色规则是父级规则，不是继承的（根据CSS规则），因此不会影响元素的实际CSS属性。由于这个原因，您不能在关注特定元素时编辑它们

如果确实要编辑该特定元素的css，可以使用element.style。如果您想更改灰色的css属性，请找到该HTML元素并关注它。然后您可以编辑规则

在右上角可以看到，因为css规则的来源在html文件的样式标记中，而不是外部css文件。
如果您可以在在线编辑器（如codePen）上演示它，这将非常有用。我甚至不知道是什么让Chrome显示样式定义像这样，那么我应该如何在代码笔中模拟这种行为呢？您应该能够编辑它们。只是它们被其他一些样式规则过度控制了，这些规则具有优先权。我不是说划掉。你是在元素->样式下看到的，对吗？如果你能在在线编辑器（如codePen）上演示它会很有帮助。我甚至不知道是什么让Chrome显示样式定义成这样，那么我应该如何在代码笔中模拟这种行为呢？您应该能够编辑它们。只是它们被其他一些样式规则过度控制了，这些样式规则具有优先权。我不是说划掉，你是在元素->样式下看到的，对吗？覆盖不是被划掉了吗？这不是我的意思，凌驾于我之上的不是被划掉了吗？这不是我的意思，谢谢你对这个bug的提示，就这样！该漏洞是17个月前打开的，现在仍然打开。样式标签中的Css规则是动态的（可以由您的JS更改），因此本质上与来自静态Css文件的Css规则有点不同。感谢对错误的提示，就这样！该漏洞是17个月前打开的，现在仍然打开。样式标记中的Css规则是动态的（可以由JS更改），因此本质上与来自静态Css文件的Css规则略有不同。