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

Question

我试图模糊除一个 div 中的所有元素。我看过很多这样类似的问题，一个和我得到这个：

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

这基本上应该模糊除确认类之外的所有元素。这是一个演示它的 js 小提琴：https : //jsfiddle.net/qbuyuhts/1/

这是一些janky html，但可以显示问题。有谁知道为什么 .confirm div 模糊？

Answer 1

.table-responsive:not(.confirm) {选择有类.table-responsive和没有类的元素.confirm这是错误的，因为.confirm是 的子元素.table-responsive。

所以像这样改变你的代码：

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

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

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