考虑:
#div p {
color: red !important;
}
...
#div p {
color: blue;
}
我知道!important
是怎么工作的.在这种情况下,div将呈现红色,因为它现在具有优先级(!important
).但我还是想不出一个合适的场合来使用它.有没有!important
个能拯救一天的例子?
考虑:
#div p {
color: red !important;
}
...
#div p {
color: blue;
}
我知道!important
是怎么工作的.在这种情况下,div将呈现红色,因为它现在具有优先级(!important
).但我还是想不出一个合适的场合来使用它.有没有!important
个能拯救一天的例子?
想象一下这个场景
在这种情况下,您可以将全局CSS文件中的某些样式设置为重要样式,从而覆盖直接在元素上设置的内联样式.
当您无法完全控制HTML时,通常会出现这种情况.例如,想一想SharePoint中的解决方案.您希望您的部分是全局定义(样式)的,但是存在一些您无法控制的内联样式.!important
使这类情况更容易处理.
其他现实生活中的场景也包括一些写得很糟糕的jQuery plugins个,它们也使用内联样式……
I suppose you got the idea by now个,还能想出一些其他的.
!important
?我建议你不要用!important
,除非你不能用其他方法.只要有可能避免,就要避免.大量使用!important
种样式会使维护变得更加困难,因为你打破了样式表中固有的cascading种样式.