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

Question

我正在使用 jquery tabslider 创建一个 slider ，当单击其 handle 时，该 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. */
}