CSS matches multiple classes The following HTML tag li, class has open style. My requirement is to change the background color to white only when open and active exist at the same time <li id="menu_268098" title="Account Information Query" class="open"> <li id="menu_270008" class="nav_sec" title="Account Balance Query"> <a href="#/p/payment.search.account_balance" class="dropdown-toggle"> <span class="nav-title">Account Balance Inquiry</span> </a> </li> </ul> </li> <li id="menu_268098" title="Account Information Query" class="open active"> <li id="menu_270008" class="nav_sec" title="Account Balance Query"> <a href="#/p/payment.search.account_balance" class="dropdown-toggle"> <span class="nav-title">Account Balance Inquiry</span> </a> </li> </ul> </li> The css can be written like this: li.open.active{ background-color: #fff; } Note: There should be no space between .open.active Summarize This is the end of this article about how to match multiple classes in CSS. For more information about how to match multiple classes in CSS, please search previous articles on 123WORDPRESS.COM or continue to browse the related articles below. I hope you will support 123WORDPRESS.COM in the future! |
<<: Fixed table width table-layout: fixed
>>: 5 Reasons Why Responsive Web Design Isn’t Worth It
Recently I've been working on a framework tha...
Preface The previous article installed Hadoop, an...
In order to avoid repeatedly entering the Docker ...
Problem Description As we all know, the SQL to so...
The following information is compiled from the Int...
The basics of MySQL knowledge points for the seco...
How to center the entire page content and how to m...
What is a file? All files are actually a string o...
Effect picture: 1. Import files <script src=&q...
Table of contents Simple CASEWHEN function: This ...
Table of contents 1. Basic understanding of React...
Docker is an open source engine that makes it eas...
Table of contents 1. Concept 1.1 Definition 1.2 D...
This article shares the installation tutorial of ...
The default varchar type in MySQL is case insensi...