CSS如何匹配到多个class的示例代码

(编辑:jimmy 日期: 2025/1/11 浏览:2)

css匹配到多个class

如下html标签li,class有open样式。我的需求是只有当open,active同时存在时,修改背景色为白色

<li id="menu_268098" title="账户信息查询" class="open">
        <li id="menu_270008" class="nav_sec" title="账户余额查询">
            <a href="#/p/payment.search.account_balance" class="dropdown-toggle">
                <span class="nav-title">账户余额查询</span>
            </a>
        </li>
    </ul>
</li>
<li id="menu_268098" title="账户信息查询" class="open active">
        <li id="menu_270008" class="nav_sec" title="账户余额查询">
            <a href="#/p/payment.search.account_balance" class="dropdown-toggle">
                <span class="nav-title">账户余额查询</span>
            </a>
        </li>
    </ul>
</li>

css可以这样写:

li.open.active{
  background-color: #fff;
}

注意:.open.active之间不可以有空格

总结

一句话新闻

微软与英特尔等合作伙伴联合定义“AI PC”:键盘需配有Copilot物理按键
几个月来,英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法,朝着更多的AI功能迈进。在近日,英特尔在台北举行的开发者活动中,也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上,英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件,以及联合微软等合作伙伴联合定义“AI PC”的定义标准。