Html 在CSS中重写div

为什么这不起作用？（我正在尝试在一个div中创建一个div，用于取消某些内容）

。模糊了{
背景色：白色；
不透明度：0.1；
过滤器：模糊（10px）；
}
.文本{
过滤器：模糊（无）；
!
}

标题
正文

无法撤消内部元素上的模糊。但是，您可以（这取决于您真正想要模糊的内容）在伪元素之前添加一个

：并相应地设置样式

比如说


.blued{位置：相对；}
.模糊：以前{
内容：''；
位置：绝对位置；
排名：0；
左：0；
右：0；
底部：0；
背景：线性渐变（向右、红色、绿色）；
不透明度：0.1；
过滤器：模糊（10px）；
z指数：-1；
}
.文本{
过滤器：模糊（无）；
!
}

标题
正文
您可以尝试使用“：not”css选择器。来自MDN的文档：

不清楚你在问什么为什么有
在你的CSS规则中？对不起，我正在尝试取消你不能这样做的模糊。过滤器将作为一个整体应用于滤芯。
.blured>*:not(.text) {
  background-color: white;
  opacity: 0.1;
  filter: blur(10px);
}