Html 如何模糊除一个元素之外的所有内容

我想知道除了一个id为

pad

的元素之外，我怎么能模糊所有的东西呢？我试过

body:not（#pad）

，但是

#pad

也会模糊

#foto img{
宽度：300px；
高度：500px；
位置：相对位置；
盒影：1px 3px 3px 1px rgba（63,63,63,0.322）；
}
#垫{
位置：绝对位置；
z指数：50000000000；
转换：比例（1.8）转换（30%，30%）；
;
底部：50%；
}
主体：非（#垫）{
过滤器：模糊（3px）；
}

用这种方法

img:not(#pad){
   filter: blur(3px);
}

---

您可以通过在照片中添加泛型类来解决此问题。然后你可以选择忽略

#pad

和

：not

#foto img{
宽度：300px；
高度：500px；
位置：相对位置；
盒影：1px 3px 3px 1px rgba（63,63,63,0.322）；
}
#垫{
位置：绝对位置；
z指数：50000000000；
转换：比例（1.8）转换（30%，30%）；
底部：50%；
}
.photos:not（#pad）{filter:blur（3px）}

您已将模糊属性添加到.blur类。但是HTML代码中没有模糊类。请更新正确的代码此

body:not（#pad）

需要此

\foto:not（#pad）

-注意空格！如果不仅有IMG和其他元素，例如还有其他

p

s，我怎么能模糊一切，在你的情况下，只有图像模糊你可以用这种方式

#foto>*：not（#pad）{filter:blur（3px）}