Question

我希望在div继承2个特定CSS类的时刻将样式放在div上。

div总是分配了CSS类.bla，并在点击jquery-ui类.ui-state-active时继承。在这一刻，当.bla和.ui-state-active被分配时，div应该被设置样式。

我该如何做到这一点？

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">
            <div class="bla">
                Tab 1
            </div>
        </a></li>
        <li><a href="#tabs-2">
            <div class="bla">
                Tab 2
            </div>
        </a></li>
        <li><a href="#tabs-3">
            <div class="bla">
                Tab 3
            </div>
        </a></li>
    </ul>
    <div id="tabs-1">
        <p><strong>Click this tab again to close the content pane.</strong></p>
        <p>Content 1</p>
    </div>
    <div id="tabs-2">
        <p><strong>Click this tab again to close the content pane.</strong></p>
        <p>Content 2</p>
    </div>
    <div id="tabs-3">
        <p><strong>Click this tab again to close the content pane.</strong></p>
        <p>Content 3</p>
    </div>
</div>

这些是来自jquery-ui tabs插件的标签。当Tab处于活动状态时，我想设置上部Div（带有指定的类.bla）的样式。

Answer 1

应该工作：

.bla.ui-state-active {
    /* your css code here */
}

您只需要将类名称连接起来。（点）。因此，如果所有类都存在于该特定元素上，则该规则才适用。

希望这会有所帮助：）

CSS - 在分配2个CSS类的组合时设置DIV样式

1 个答案: