首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何覆盖已经有!重要的CSS背景?

如何覆盖已经有!重要的CSS背景?
EN

Stack Overflow用户
提问于 2014-05-01 20:27:45
回答 3查看 5.8K关注 0票数 6

我试图推翻一个网站的背景与时尚,但它是行不通的。该网站的背景css也有一个!重要,它是压倒一切时尚。

我的代码:

代码语言:javascript
运行
复制
body {
  background-image: none !important; 
  background: black !important;
}
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2014-05-01 20:32:45

您需要更具体一些(CSS特性快速指南),例如,使用>选择器:

代码语言:javascript
运行
复制
body {
  background-image: none !important; 
  background: black !important;
}

html > body {
  background-image: none !important; 
  background: red !important;
}

JSBin

票数 6
EN

Stack Overflow用户

发布于 2014-05-01 20:32:22

首先,我建议你不要使用!重要的是,尽量避免它。

IFf --您有一个元素--您可以更好地定义该元素的CSS路径,因此这会覆盖该元素。例如:

代码语言:javascript
运行
复制
.elem { 
    color: black!important; 
}

#list1 > .elem { 
    color: red!important; 
}
票数 0
EN

Stack Overflow用户

发布于 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,并使用以下方法:

代码语言:javascript
运行
复制
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。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23416016

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档