html - 将 !important 应用于所有属性的值一次

Question

我将 !important 赋予所有 css propertis 值，就像这样

.someclass{
  color: #f00 !important; 
  background-color: #ff0 !important; 
  margin: 0 !important; 
  padding: 0 !important; 
  width: 100% !important; 
  display: block !important;
}

有没有方法只应用一次 !important 所有值都得到 .someclass 的 !important？

编辑

假设主 div 由一些脚本控制，那么我怎么能同时给所有 !important。

Answer 1

不，但是有更好的方法。使选择器比您要覆盖的选择器更具体。例如，您可以在选择器中指定元素名称以使其更具体:

div.someclass {
  color: #f00; 
  background-color: #ff0; 
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
}

它不仅更简单，还可以用更具体的选择器进一步覆盖它。添加 !important 仅适用于一个级别。

specificity选择器的数量基本上是按标识符的数量、类名称的数量和它包含的元素名称的数量按顺序计算的。例如，像 div.item .cost 这样有两个类名和一个元素名的选择器比像 div span.count 这样有一个类名和两个元素的选择器更具体名字。