撤消，恢复 !important，回到内联样式？

Question

鉴于此代码（带有样式表的 HTML），我无法更改：

div {
  color: green !important;
}

div {
  color: undo; /* tried revert/initial/unset et al. */
}

<div style="color: red">hello</div>

我可以提供一个样式表（附加，添加到原始样式表的顶部）将 div 恢复为内嵌颜色（在本例中为红色）？

div {
  color: undo; /* tried revert/initial/unset et al. */
}

...没有JS。这是a pen。

注意：这与红色无关，而是回退到内联提供的任何颜色。

Answer 1

这不可能。内联样式在级联中丢失到 !important 样式，信息消失了。

添加更多样式无法恢复。最接近的是 revert ，它会擦除​​原点的样式但不区分重要性，因此无法擦除重要样式而保留正常样式。