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

css匹配到多个class

如下ht ML 标签li,class有o PE n样式。我的需求是只有当open,active同时存在时，修改背景色为 白色

<li id=" ;m enu_268098" t IT le=" 账户 信息查询" class="open">
        <li id="menu_270008" class="nav_sec" title="账户余额查询">
            <a  hr ef=" # /p/payment.se Arch .account_balance" class="dropdown -t oggle">
                <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的示例代码 全部内容，希望文章能够帮你解决 CSS如何匹配到多个class的示例代码 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于CSS如何匹配到多个class的示例代码的详细内容...