css - 将样式应用于除一个特定的所有 div

Question

我正在尝试将样式应用到我所有的 div，除了一个特定的 div。我正在这样做，但它不起作用:

#toolbar div[class~="olControlNavigationHistory"]{
   float: left;
   background-repeat: no-repeat;
   margin: 2px 12px 2px 12px;
}

所以我需要将此样式应用于#toolbar 中的所有 div，除了带有名为“olControlNavigationHistory”的类的 div。

我该怎么做？这可能吗？

Answer 1

只需先将规则应用于所有 div:

#toolbar div {
   float: left;
   background-repeat: no-repeat;
   margin: 2px 12px 2px 12px;
}

然后您需要针对特定​​情况将值清零:

#toolbar div.olControlNavigationHistor {
   float: none;
   background-repeat: repeat;
   margin: 0;
}

当然，这假定特定 div 在没有应用第一条规则的情况下所具有的属性值是每个属性的默认值(例如 margin: 0 和 float: none .)

编辑:然而，在未来，当 CSS3 得到全面支持时，您也可以将原始规则重写为 #toolbar div:not(.olControlNavigationHistory)，它会正确且优雅地工作。