CSS如何匹配到多个class的示例代码
建站知识 2021-07-03 07:55www.168986.cn长沙网站建设
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.aount_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.aount_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内容请搜索狼蚁SEO以前的文章或继续浏览狼蚁网站SEO优化的相关文章，希望大家以后多多支持狼蚁SEO！