我正在尝试将样式应用于我的所有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),它将正常且优雅地工作.