Html 模糊除div中的一个元素外的所有元素

我试图模糊一个div中除一个之外的所有元素。 我看了很多类似的问题，我得到：

.table-responsive:not(.confirm) {
    filter: blur(3px);
    pointer-events: none;
}

这基本上是为了模糊除confirm类之外的所有元素。下面是一个js小提琴演示：

这是一些令人讨厌的html，但它的工作是显示问题。有人知道为什么.confirm div模糊了吗

.table responsive:not（.confirm）{

选择具有类

的元素。table responsive

和not class

的元素。confirm

这是错误的，因为

.confirm

是

的子元素。table responsive

因此，请按如下方式更改代码：

.table responsive table、.table responsive div:未（.confirm）{
过滤器：模糊（3px）；
指针事件：无；
}

你确定吗？
取消
证实
去除
编辑
{{course}}
{{sections}}

为什么不把

。确认
放在
之外。表格响应
？我正试图对整个身体进行此操作，所以我只想找出：not选择器不工作的原因。选择器不应该是
。表格响应>*：not（.confirm）
`
.table-responsive table, .table-responsive div:not(.confirm) {
    filter: blur(3px);
     pointer-events: none;
}