我试图推翻一个网站的背景与时尚,但它是行不通的。该网站的背景css也有一个!重要,它是压倒一切时尚。
我的代码:
body {
background-image: none !important;
background: black !important;
}
发布于 2014-05-01 20:32:45
您需要更具体一些(CSS特性快速指南),例如,使用>
选择器:
body {
background-image: none !important;
background: black !important;
}
html > body {
background-image: none !important;
background: red !important;
}
JSBin
发布于 2014-05-01 20:32:22
首先,我建议你不要使用!重要的是,尽量避免它。
IFf --您有一个元素--您可以更好地定义该元素的CSS路径,因此这会覆盖该元素。例如:
.elem {
color: black!important;
}
#list1 > .elem {
color: red!important;
}
发布于 2017-08-16 05:48:03
关于专用性如何工作的正式文档就在这里。在一个较高的数字基础特异性是简单的(100 * ID rules) + (10 * class rules) + (1 * tag rules)
。
如果您遇到一个非常讨厌的网站或希望使用非常广泛的规则,您可以使用:not(#some_id_which_you_will_never_find)
人为地增加专一性。ID规则具有最高的值,因此您应该使用它们。
例如,我希望确保网站中的每个div都没有标记为visibility: hidden
,并使用以下方法:
div:not(#oStHDi_0):not(#oStHDi_1):not(#oStHDi_2):not(#oStHDi_3):not(#oStHDi_4):not(#oStHDi_5) {
visibility: inherit !important;
}
其特异性为601。
在您的例子中,body
具有特异性001,html > body
为002,body:not(#foobar)
为101。
https://stackoverflow.com/questions/23416016
复制相似问题