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

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 选项卡插件的选项卡。 我想在选项卡处于活动状态时设置上层 Div（使用分配的类 .bla）的样式。

Answer 1

应该工作：

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

您只需要将类名与 .（点）。因此，当该特定元素上存在所有类时，该规则才适用。

希望这对:)有所帮助