何时使用"!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,第一条规则将具有更多的特异性,并将战胜第二条规则.

Answer 2

只作为最后的手段!这是因为一旦使用它很难覆盖它.我的经验法则:

• 永远不要在网站范围内使用!important.
• 仅在页面特定的css上使用!important来覆盖站点范围或外来的css(例如来自ExtJs或YUI).
• 在编写插件/ mashup时,切勿使用!important.
• 在考虑之前总是寻找一种使用特异性的方法!重要