css实现匹配多个class的方法是什么？-群英

上一篇：flex布局怎样做每行固定数量及自适应的效果？下一篇：用CSS怎样实现选中显示对号角标的效果？

这篇文章主要给大家介绍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有帮助，想要了解更多可以继续浏览群英网络其他相关的文章。

文本转载自脚本之家

标签： css匹配class

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：flex布局怎样做每行固定数量及自适应的效果？下一篇：用CSS怎样实现选中显示对号角标的效果？