css - 何时使用 "!important"来挽救局面(使用 CSS 时)

Question

#div p {
    color: red !important;
}
...
#div p {
    color: blue;
}

我了解 !important 的工作原理，在这种情况下，div 将呈现红色，因为现在它具有优先权 (!important)。但是我仍然无法找出使用它的合适情况。有谁知道 !important 可以挽救局面的例子吗？

Answer 1

考虑一下:

#someElement p {
    color: blue;
}

p.awesome {
    color: red;
}

如何让 awesome 段落总是变红，即使是 #someElement 中的段落？如果没有 !important，第一条规则将具有更多的特异性，并将胜过第二条规则。