首页 > 脚本 > 网络编程 > class属性调用多个值的操作方法,CSS如何匹配到多个class的示例代码

class属性调用多个值的操作方法,CSS如何匹配到多个class的示例代码

来源:整理 时间:2022-02-24 10:19:01 编辑:飘云 手机版
class属性调用多个值的操作方法,CSS如何匹配到多个class的示例代码,如下html标签li,class有open样式。我的需求是只有当open,active同时存在时,修改背景色为白色

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内容请搜索元马网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持元马网!
class属性调用多个值的操作方法,CSS如何匹配到多个class的示例代码相关文章内容教程。

文章TAG:cssclassCSS代码

最近更新

网络编程最新文章

脚本排行榜推荐