css - :not() CSS 中的正确语法

Question

我正在使用当前代码

#extra-sidebar , .entry-content:not(#post-262){
background-color: rgba(255,255,255,0.8);
}

它实际上影响了我的#extra-sidebar，但也完全影响了我的 .entry-content。我想对受条目内容影响的#post-262 例外

谢谢

Answer 1

IE8 及更早版本不支持 :not 选择器。

最好只用另一个类覆盖该类，如下所示：

#extra-sidebar, .entry-content{
   background-color: rgba(255,255,255,0.8);
}

.entry-content #post-262{
   background: none;
}

Answer 2

我猜测它#post-262实际上是一个元素的子.entry-content元素（或相反），而且它们不是一个元素，我是否正确？

如果是这样，您将需要定义一个样式#post-262，将背景颜色覆盖为与容器后面的颜色相同的颜色。

Answer 3

那么方法是使用

#post-262 { 
  background-color:#previousvalue!important;
}

无需使用:not()函数，!important设置优先级即可。