当前位置：主页 > 查看内容

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

发布时间：2021-05-20 00:00| 有 位朋友查看

简介：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……

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


原文链接：https://m.jb51.net/css/731989.html
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！
上一篇：使用CSS和Java来构建管理仪表盘布局的实例代码 下一篇：如何利用vw+rem进行移动端布局

推荐图文

  • 周排行
  • 月排行
  • 总排行

随机推荐