Html 应用!对所有酒店都很重要';价值观

Html 应用!对所有酒店都很重要';价值观,html,css,Html,Css,我在付出!对所有css属性的值都很重要,例如 .someclass{ color: #f00 !important; background-color: #ff0 !important; margin: 0 !important; padding: 0 !important; width: 100% !important; display: block !important; } 有什么方法可以只应用一次!重要的是,所有值都要获得!重要的.someclass的

我在付出!对所有css属性的值都很重要,例如

.someclass{
  color: #f00 !important; 
  background-color: #ff0 !important; 
  margin: 0 !important; 
  padding: 0 !important; 
  width: 100% !important; 
  display: block !important;
}
有什么方法可以只应用一次!重要的是,所有值都要获得
!重要的
.someclass的

编辑


假设main div由一些脚本控制,那么我怎么能给出它呢!一次对所有人都很重要。

不,但有更好的方法。使选择器比要替代的选择器更具体。例如,可以在选择器中指定元素名称以使其更具体:

div.someclass {
  color: #f00; 
  background-color: #ff0; 
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
}
它不仅更简单,而且还可以使用更具体的选择器来进一步覆盖它。添加
!重要信息
仅在一个级别有效


选择器的数量基本上是由标识符的数量、类名的数量和它所包含的元素名的数量按顺序计算的。例如,具有两个类名和一个元素名的选择器(如
div.item.cost
)比具有一个类名和两个元素名的选择器(如
div span.count
)更具体。

简短回答:没有(据我所知)

长答案:
css有一个非常好但有时令人讨厌的层次结构系统

首先添加
!重要信息
不是建议的移动,它可能会对您的页面速度造成一些伤害,并且在下一次编辑中可能会遇到一些困难,无法找到导致某些内容无法正常工作的原因。
您可以通过使用其ID确定某项内容,或通过将其设置为Decentant,使其具有更高的优先级,如下所示:

.somediv > li > a {
    color: #000;
    background: #fff;
}
它将超越这一点:

a.something {
    color: #fff;
    background: #ff0;
}
这将超越这两者:

a#something {
    color: #f00;
    background: #0f0;
}
这些将覆盖所有,但第二个更强大:

a.something {
    color: #0f0!important;
    background: #00f!important;
}
a#something {
    color: #0f0!important;
    background: #00f!important;
}

没有办法做到这一点。编写更好的选择器