何时使用“！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，则第一条规则将具有更多的特异性，并将胜过第二条规则。