深入理解层叠样式表 CSS 的“层叠”

[forever-z-133]

未完成，敬请期待

研究层叠样式表中的层叠，也即研究 CSS 的权重/级联/优先级。 由于翻译问题，层叠样式表其实更希望被叫作级联样式表，避免与层叠上下文混淆。

如何覆盖 inline style 的 !important 呢

<div id="app" style="color: red !important">嘤</div>
<style>
#app { animation: colorful 1s infinite }
@keyframes colorful {
	0%, 100% { color: black; }
}
</style>