css实现匹配多个class的方法

发布时间：2023-09-20 12:36:23 所属栏目：语言来源：

导读：这篇文章主要给大家介绍css实现匹配多个class的方法，本文有实例代码供大家参考，有这方面学习需求的朋友可以了解看看，接下来一起跟随小编来学习一下吧。

css匹配到多个class

如下html标签li,class有open样式

这篇文章主要给大家介绍css实现匹配多个class的方法，本文有实例代码供大家参考，有这方面学习需求的朋友可以了解看看，接下来一起跟随小编来学习一下吧。

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之间不可以有空格

以上就是css实现匹配多个class的方法的介绍啦，本文代码仅供参考，希望对大家学习css怎样匹配多个class有帮助。

（编辑：汽车网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!