我无法编辑的 webtools 中的样式定义
Style Definitions in webtools which I cannot edit
来自我的应用程序的一些样式定义（呈现为 SCSS）在 Chrome Webtools 中显示为 灰色 （没有划掉，这不是我的意思) 并标记为 <style> 而不是文件名。
而且，我无法即时编辑这些定义。我想像通常使用其他样式定义一样即时编辑这些样式定义。我该怎么办？
具有可编辑和不可编辑但灰色样式定义的示例：
变灰的可能具有继承值或默认设置自父项。您可以对它们进行编辑或修改，只需为相同的 属性.
添加一行新样式即可
（添加相同的填充 属性 以覆盖）
编辑：糟糕，我以为你指的是划掉的。
灰框
我们需要考虑问题是否指的是此处讨论的同一个错误：
当 css 规则来自 html 中的样式标签时会出现此问题。
灰色特定规则
在 Google Chrome 网络工具中，当您查看 elements -> style 时，您会专注于某个元素。
灰色规则是父项的规则，不会被继承（根据 CSS 规则），因此不会影响元素的实际 CSS 属性。因此，您无法在专注于该特定元素时编辑它们。
如果您确实要编辑该特定元素的 css，您可以使用 element.style。如果要更改变灰的 css 属性，请找到 HTML 元素并关注它。然后你就可以编辑规则了。
在右上角您会看到，因为 css 规则的来源位于 html 文件中的样式标记内，而不是外部 css 文件。
来自我的应用程序的一些样式定义（呈现为 SCSS）在 Chrome Webtools 中显示为 灰色 （没有划掉，这不是我的意思) 并标记为 <style> 而不是文件名。
而且，我无法即时编辑这些定义。我想像通常使用其他样式定义一样即时编辑这些样式定义。我该怎么办？
具有可编辑和不可编辑但灰色样式定义的示例：
变灰的可能具有继承值或默认设置自父项。您可以对它们进行编辑或修改，只需为相同的 属性.
添加一行新样式即可（添加相同的填充 属性 以覆盖）
编辑：糟糕，我以为你指的是划掉的。
灰框
我们需要考虑问题是否指的是此处讨论的同一个错误：
当 css 规则来自 html 中的样式标签时会出现此问题。
灰色特定规则
在 Google Chrome 网络工具中，当您查看 elements -> style 时，您会专注于某个元素。
灰色规则是父项的规则，不会被继承（根据 CSS 规则），因此不会影响元素的实际 CSS 属性。因此，您无法在专注于该特定元素时编辑它们。
如果您确实要编辑该特定元素的 css，您可以使用 element.style。如果要更改变灰的 css 属性，请找到 HTML 元素并关注它。然后你就可以编辑规则了。
在右上角您会看到，因为 css 规则的来源位于 html 文件中的样式标记内，而不是外部 css 文件。