css – 将样式应用于除特定div之外的所有div

前端之家收集整理的这篇文章主要介绍了css – 将样式应用于除特定div之外的所有div前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试将样式应用于我的所有div,除了一个特定的.我这样做但它不起作用:
#toolbar div[class~="olControlNavigationHistory"]{
   float: left;
   background-repeat: no-repeat;
   margin: 2px 12px 2px 12px;
}

所以我需要将这个样式应用于#toolbar中的所有div除了div之外的一个名为“olControlNavigationHistory”的类.

我怎样才能做到这一点?这可能吗?

提前致谢!

解决方法

首先将规则应用于所有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),它将正常且优雅地工作.

猜你在找的CSS相关文章