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内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！