考虑:

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

我知道!important是怎么工作的.在这种情况下,div将呈现红色,因为它现在具有优先级(!important).但我还是想不出一个合适的场合来使用它.有没有!important个能拯救一天的例子?

推荐答案

这是现实生活中的情景

想象一下这个场景

  1. 你有一个全局CSS文件,可以全局设置网站的视觉效果.
  2. 您(或其他人)在元素本身上使用内联样式,这通常是非常糟糕的做法.

在这种情况下,您可以将全局CSS文件中的某些样式设置为重要样式,从而覆盖直接在元素上设置的内联样式.

真实世界的例子?

当您无法完全控制HTML时,通常会出现这种情况.例如,想一想SharePoint中的解决方案.您希望您的部分是全局定义(样式)的,但是存在一些您无法控制的内联样式.!important使这类情况更容易处理.

其他现实生活中的场景也包括一些写得很糟糕的jQuery plugins个,它们也使用内联样式……

I suppose you got the idea by now个,还能想出一些其他的.

When do you decide to use !important?

我建议你不要用!important,除非你不能用其他方法.只要有可能避免,就要避免.大量使用!important种样式会使维护变得更加困难,因为你打破了样式表中固有的cascading种样式.

Html相关问答推荐

如何正确使用counter()、counter—increment()和counter—reset()嵌套标题?

如何从ThymeLeaf模板中分离CSS

使用网格时图像溢出容器高度

在网页上的 Select 器中显示选项时出现问题:未在GO模板中传递循环{{range}}的数据

未知高度正在应用于前标记

我怎样才能在我的网站上制作花哨的角落

如何更改Django中的默认按钮?

如何使不断增长的div不溢出其包含固定div的父级

如何删除FONT创建的文本下方的空格

如何在r中提取明显非标准html标签的值

如何防止弹性项目溢出容器?

为什么带有截断的 contentedible div 在受约束时会在 Chrome 中添加空格

是否有语义 HTML 可以澄清含义?

如何修剪 flex: 1 内的垂直文本?

如何正确地嵌套Flexbox

在带有换行文本的工具提示中显示溢出文本

a with