当类添加到父DIV时更改DIV CSS属性？

Question

在我的网站中，我使用了Bootstrap的JavaScript下拉模式。当下拉列表打开时，下拉列表和下拉按钮触发器的父DIV具有类＆＃34;打开＆＃34;添加到它。我想要做的是将下拉按钮设置为默认的不透明度0.8，但当父对象上有.open类时将其更改为1。

我想它会是这样的：

#menu.open > #dropdown-arrow{
    opacity:1 !important; 
}

但这似乎不起作用。为什么不呢？

Answer 1

使用：not selector

而不是使用覆盖

#menu:not(.open) > #dropdown-menu {opacity:.8;}

P.S。 不透明度有时会引起奇怪的问题。你最好使用rgba来改变背景颜色和边框颜色的不透明度。