如何仅使用CSS更改悬停子对象的不透明度规则？

在仅使用核心CSS悬停在父级上时，如何更改子级

li

s的不透明度

下面的代码正在更改悬停在子li上时的不透明度，但我需要在悬停在父li上时执行此操作

ulli>ulli{
背景：卡其色；
不透明度：0；
}
ul li>ul li:悬停{
不透明度：1；
}

应用程序1
应用程序

应用程序2
应用程序2
应用程序2
应用程序2


应用程序1
应用程序1
应用程序

应用程序2
应用程序2
应用程序2
应用程序2

将

:hover

移动到子菜单的父菜单（

li:hover>ul

）：

ulli>ulli{
背景：卡其色；
不透明度：0；
}
ul li：悬停>ul li{
不透明度：1；
}

应用程序1
应用程序

应用程序2
应用程序2
应用程序2
应用程序2


应用程序1
应用程序1
应用程序

应用程序2
应用程序2
应用程序2
应用程序2

将

:hover

移动到子菜单的父菜单（

li:hover>ul

）：

ulli>ulli{
背景：卡其色；
不透明度：0；
}
ul li：悬停>ul li{
不透明度：1；
}

应用程序1
应用程序

应用程序2
应用程序2
应用程序2
应用程序2


应用程序1
应用程序1
应用程序

应用程序2
应用程序2
应用程序2
应用程序2