鉴于此代码(带有样式表的 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。
注意:这与红色无关,而是回退到内联提供的任何颜色。
答案 0 :(得分:3)
这不可能。内联样式在级联中丢失到 !important 样式,信息消失了。
添加更多样式无法恢复。最接近的是 revert
,它会擦除原点的样式但不区分重要性,因此无法擦除重要样式而保留正常样式。