CSS"；嵌套的；If-将属性添加到不同的类

我有一个选择器：

.ui-widget-overlay
{
    background: #262b33;
    opacity: .70;
    filter: Alpha(Opacity=70);
}

我想拥有这样的能力：

.ui-widget-overlay
{
    background: #262b33;
    opacity: .70;
    filter: Alpha(Opacity=70);

    .container: 
    {
        -webkit-filter: blur(5px);
    }

}

这意味着，如果此选择器处于活动状态，请将此属性添加到容器中

---

可能吗？还是应该采用JS方式？

再添加一个类，并将其设置为

.container

和

.ui小部件覆盖

-

.ui-widget-overlay.nowActive {
    background: #262b33;
    opacity: .70;
    filter: Alpha(Opacity=70);
}

.container.nowActive  {
    -webkit-filter: blur(5px);
}

使用JS/jQuery在需要时添加/删除

.nowcactice

---

在jQuery中-

您可以这样做。

仅当容器位于主容器内时，容器才会应用该设计

<div class='test1'>
    test12345
    <div class='test2'>
        test123
    </div>
</div>
<div class='test2'>
    test1234567
</div>

测试12345
测试123
测试1234567

可以使用属性选择器，如

div[class="ui-widget-overlay"] .container {....}

html/*例如*/

<div class="ui-widget-overlay">Test
    <div class="container">Container</div>
</div>

---

容器是父类吗？是的，它是父类，我将使用jquery进行此操作。据我所知，没有办法选择一个家长之后？我的情况是：-我需要在容器上应用模糊。您要应用

-webkit筛选器：模糊（5px）到容器还是测试？到容器，如果应用了ui小部件覆盖。css中还没有父选择器，您需要使用jquery。
<div class="ui-widget-overlay">Test
    <div class="container">Container</div>
</div>

.ui-widget-overlay {
    background: #262b33;
    opacity: .70;
    filter: Alpha(Opacity=70);
}
div[class="ui-widget-overlay"] .container {
    -webkit-filter: blur(5px);
    color: red; /* added to see a visible change */
}