用CSS模糊PopUp背景

Question

我不知道如何使用：not选择器，因此我的问题不再赘述。问题是弹出窗口模糊而背景没有模糊。

这是打开弹出窗口时要模糊的背景：

 .pinPopUpShellOverlay {
        background: rgba(191, 192, 194, 0.3) none repeat scroll 0 0;
        bottom: 0px;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 999;
        filter: blur(2px);
    }

这是弹出窗口：

.pinPopUp {
    background: #fff;
    display: inline-block;
    max-height: 50%;
    min-height: 100px;
    position: relative;
    width: 75%;
}

HTML代码：

<!--pinPopup Start here-->
                <div class="pinPopUpShellOverlay" style="display:none;">
                    <div class="common_table">
                        <div class="common_table_Cell text-center">
                            <div class="pinPopUp">
                                <div class="closePinPopUp">
                                    <span class="icon-closepin close icon-close"></span>
                                </div>
                                <div class="popUptitle">
                                    Popup Title
                                </div>
                                <div id="popUpcontent_scorll" class="popUpcontent_scorll">
                                    <div class="popUpcontent">
                                        <div class="row popUpimagerow"></div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>

我知道与：not选择器有关，但不知道如何做。 感谢您的帮助。