javascript - 具有 "open"属性的选择器

Question

我正在使用 jquery tabslider 创建一个 slider ，当单击它的句柄时，它会从屏幕的一侧滑出。我需要将样式应用于该 div 中的子元素，但是它必须仅在 div 打开时应用。 div 的类名是“tab-slider”，打开时是“tab-slider open”。我的问题是，是否可以创建一个仅在 slider 打开时适用于该元素的选择器？我可能还会补充说，需要设置样式的元素比这个父 div 低几个级别。

我正在寻找的选择器类似于:

#tab-slider open #secondleveldiv #thirdleveldiv .element

Answer 1

.tab-slider{
    /* "Closed" state */
}  

.tab-slider.open{
    /* Open state. You chain classes in this way. */
}

在你的例子中:

.tab-slider.open #secondleveldiv #thirdleveldiv .element{
    /* This is an extremely specific selector. 
       Would .open #thirdleveldiv .element or even 
       .open .element work? Try to keep things only as specific 
       as they need to be. */
}