在：not（.class）选择器和CSS3筛选器上出现问题

我正在尝试仅将筛选器应用于父div，并使用CSS跳过子div的此筛选器

：不是（.class）{}

选择器组件

.main:not(.nofilter) {
 -webkit-filter: blur(3px);
}

但正如您在演示中所看到的，过滤器也在应用于child div

。nofilter

！你能告诉我怎么解决这个问题吗

---

谢谢

nofilter

不应用于父元素本身，而是应用于子div元素。因此

.main:not（.nofilter）

将匹配

.main

我正在尝试将筛选器仅应用于父div并跳过此操作 子div的过滤器

恐怕这是不可能的。当您尝试覆盖子元素的父元素的

不透明度时，也会发生同样的情况

或者，如果您只想对背景图像应用模糊过滤器，这里有一个解决方法：



您必须直接向孩子们讲话，这适用于：not（）

过滤器和某些元素上的不透明度等属性将影响整个元素，包括子元素。请注意，OP希望从模糊效果中跳过子元素，这是不可能的。事实上，是的，我想要的是跳过子过滤器，但这对两者都不起作用！如果删除第二个图像，您将看到第一个图像没有过滤器。一个问题是该图像只有一个源。此外，html结构化的方式覆盖了图像。所以您实际上只看到了.nofilter div，而不是它下面的主div。获取两个不同的图像，并在包含的div中创建div，这样图像就不会相互重叠。这里有一个工作示例是的，但问题是我不能改变我在jQuery UI格式中得到的UI的顺序当你说你不能改变UI的顺序时，你的意思是你不能改变HTML？
.main > div:not(.nofilter) {
 -webkit-filter: blur(3px);
}