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之間不可以有空格


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM