选择除特定孩子以外的所有孩子

Question

我有这个设置，我在我的可折叠菜单中使用悬停效果。一切正常，但我想在禁用的元素上禁用悬停效果。重点是;只有通过查看具有悬停效果的元素的子元素，您知道它是否已折叠。

示例：

<div class='panel'>
    <div class='in'>
        Menu item 1
    </div>
</div>
<div class='panel'>
    <div class='collapse'>
        Menu item 2
    </div>
</div>
<div class='panel'>
    <div class='collapse'>
        Menu item 3
    </div>
</div>

所以我的面板悬停效果很好：

.panel:hover {
  color: blue;
}

问题是我想要将.in类作为孩子的面板排除悬停效果

这是否有可能在不使用javascript给父母一个.in类的情况下呢？我正在为可折叠菜单使用（twbs）插件。