CSS怎样配对到好几■个class的实例编码

日期:2020-09-03 类型:科技新闻 

关键词:如何制作微信小程序,微信小程序源码,小程序码生成,凡科网微信小程序,微信公众号小程序

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內容请检索脚本制作之家之前的文章内容或再次访问下边的有关文章内容,期待大伙儿之后多多的适用脚本制作之家!