撤消、恢复!重要的是,退回到内联样式吗?

kub*_*ubi -1 css

鉴于此代码(带有样式表的 HTML),我无法更改:

div {
  color: green !important;
}

div {
  color: undo; /* tried revert/initial/unset et al. */
}
Run Code Online (Sandbox Code Playgroud)
<div style="color: red">hello</div>
Run Code Online (Sandbox Code Playgroud)

我可以提供一个样式表(附加的,添加在原始样式表的顶部),它将 div 恢复为内联颜色(在本例中为红色)吗?

div {
  color: undo; /* tried revert/initial/unset et al. */
}
Run Code Online (Sandbox Code Playgroud)

...没有JS。这是一支笔

注意:这并不是专门针对红色,而是回退到内联提供的任何颜色。

Alo*_*hci 5

不可能。内联样式在级联中丢失了!重要样式,并且信息消失了。

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